/* FONTS */
@font-face {font-family: CrimsonText-Bold;				src: url(../font/CrimsonText-Bold.ttf);}
@font-face {font-family: CrimsonText-BoldItalic;    	src: url(../font/CrimsonText-BoldItalic.ttf);}
@font-face {font-family: CrimsonText-Italic;  			src: url(../font/CrimsonText-Italic.ttf);}
@font-face {font-family: CrimsonText-Regular;    		src: url(../font/CrimsonText-Regular.ttf);}
@font-face {font-family: CrimsonText-SemiBold;    		src: url(../font/CrimsonText-SemiBold.ttf);}
@font-face {font-family: CrimsonText-SemiBoldItalic;  	src: url(../font/CrimsonText-SemiBoldItalic.ttf);}
/* FONTS */

/* PAGINAÇÃO SERVIÇO */
.pagination-info{font-size:12px;}
.page-pre > .page-link{line-height: 0; font-size: 20px; padding: 14.5px 12px;}
.page-next > .page-link{line-height: 0; font-size: 20px; padding: 14.5px 12px;}
.page-link{font-size:12px;}
.page-item{font-size:12px;}
.page-list{font-size:12px;}
/* PAGINAÇÃO SERVIÇO */

/* CABEÇALHO */
.wrap-cabecalho-geral{display:grid; grid-template-columns:1fr; gap:20px;}
.wrap-cabecalho-geral h1 img{height:100%;}
/* CABEÇALHO */



/* SJC BEM CUIDADA */
.sjc-bem-cuidada-wrap{width:100%; display: flex; justify-content: flex-end;}
.sjc-bem-cuidada{max-width:200px; padding:10px; margin-right: 30px; /*background-color: rgb(0 0 0 / 50%);*/}
/* SJC BEM CUIDADA */

/* POLITICAS DE PRIVACIDADE */
#janela-aviso {position: fixed; left: 0; bottom: 0; width: 100%; background-color: rgb(1,1,1,0.9); display: none; min-height: 160px; display: block; z-index: 9999;}
.close-lgpd {color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.modal-body {display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center; color: #dbe0df; font-weight: 400; font-size: 1.6em; max-width: 1000px; margin: auto; padding-top: 25px;}
.modal-body p {padding: 0px; margin: 5px;}
.modal-body-botoes{margin-top: 10px; text-align:center;}
.modal-dialog{border-radius: 4px;	position: relative; margin: 0 auto;	max-width: 640px !important; height: auto; width: auto; top: 15%;}
.modal-footer-alt{display: grid; gap: 10%; grid-template-columns: 1fr 1fr 1fr; padding: 30px; border-top: 1px solid #e9ecef;}
.modal-content-titulo{padding: 40px 40px 0px 40px; font-size: 2rem; font-weight: 600;}
.modal-content-subtitulo{padding: 20px 40px 20px 40px; font-size: 1.8rem; font-weight: 400;}
.modal-wrap{border-top: 1px solid #e9ecef;}
.modal-op{width: 100%; position: relative; text-align: left; padding: 20px 40px; display: flex;}
.modal-op-info{color:#000; padding-left:10px; text-align:left;}
.modal-op-texto-a{font-size:1.8rem; font-weight:bold;}
.modal-op-texto-b{font-size:1.3rem; color:#080808;}
.modal-op-texto-c{font-size:1.8rem; color:#000000}
.modal-op-texto-d{font-size:1.4rem; color:#ff3939;}
.modal-op-info-blc-texto{padding-left:20px;}
.no-drop {cursor: no-drop !important;}

.btn-lgpd {padding: 4px 20px; margin: 0px 15px; flex: 50%; margin-bottom: 20px; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 10px;}
.btn-lgpd-b {padding: 5px; margin: 0px; flex: 50%; margin-bottom: 0px; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 10px;}
.close-lgpd:hover, .close-lgpd:focus {color: #fff; text-decoration: none; cursor: pointer;}
.close-lgpd {color: #aaa; float: right; font-size: 28px; font-weight: bold;	margin-right: 10px;}


.cor-aceitar{background-color:#1a936f !important;  color: #ffffff; border: 1px solid #1a936f;}
.cor-aceitar-parcial{background-color:#2196F3 !important;  color: #ffffff; border: 1px solid #2196F3;}
.cor-gerenciar{background-color:#f5f5f5 !important; color: #333333; border: 1px solid #f5f5f5;}
.cor-recusar{background-color:#555555 !important; color: #ffffff; border: 1px solid #555555;}

.cor-aceitar:hover{background-color:#21b387 !important;}
.cor-aceitar-parcial:hover{background-color:#0f79ce !important;}
.cor-gerenciar:hover{background-color:#d8d8d8 !important;}
.cor-recusar:hover{background-color:#737171 !important;}


.switch {position: relative; display: inline-block;	width: 60px; height: 34px;}
.switch input {opacity: 0; width: 0; height: 0;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}


/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
/* POLITICAS DE PRIVACIDADE */

/**/
.noticias-titulo {
    font-size: 4rem !important;
    font-weight: bold;
    color: #004997;
}
/**/

.wrap-geral{width:90%; text-align:center; padding: 30px 0px 20px 0px; margin: auto;}

.ali-esq{text-align:left;}
.ali-dir{text-align:right;}
.ali-cen{text-align:center;}

.podcast-wrap{color:#fff; width:100%; text-align:center; padding:100px 0px;}
.podcast{
	display:grid;
	max-width:760px;
	margin:auto;
	padding-top:20px;
	gap:60px;
	grid-template-columns:1fr 1fr;
}

.grid-soundcloud	{}
 .grid-soundcloud img {
    max-height: 120px;
    max-width: 100%;
    display: block;
}
.grid-spotify		{}
.grid-spotify img	{max-height:120px; max-width:100%; display: block;}

.grid-soundcloud a, .grid-spotify a{font-size:1.5rem; padding-top:10px; display: block; color:#fff;}
.grid-soundcloud a:hover, .grid-spotify a:hover{text-decoration:none; color:#7c7c7c;}

.video2 {display:none;}
.video1 {display:block;}

.botnot {
    text-align: center;
    padding-top: 20px;
}


.botserv .botao-mais {margin-top:0px;}
.botserv {
	grid-column: 1 / -1;
    text-align: center;
}

body {font-family: "minion-pro",serif; scroll-behavior: smooth;}
body,html {height: 100%;}
.header-home {position: relative; background-color: black; height: 75vh; min-height: 30rem; width: 100%; overflow: hidden; border-bottom: 3px solid #181818;}
.header-home video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.header-home .container {position: relative; z-index: 2;}
.header-home .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.6; z-index: 1;}
.header-home .overlay:before { content: ""; background: rgba(114,45,0,.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.header-home .overlay:after { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RkZBQTgzNzg1NzExRTU4NTQyODc3OUM4MTZGMUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4RkZBQTg0Nzg1NzExRTU4NTQyODc3OUM4MTZGMUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhGRkFBODE3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGRkFBODI3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66uHInAAAAIUlEQVR42mL5//8/AyMj42YGIGBigABfEMEIkoEBgAADAKvuBwVS8BAjAAAAAElFTkSuQmCC); background-size: 3px 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.menu{display: flex; justify-content: center; z-index: 999; position: absolute; color:#fff; text-align:center; width:100%; background-color: rgba(0, 0, 0, 0.5);}
.topnav{text-align: center; overflow: hidden;}
.topnav a {float: left; display: block; color: #ffffff; text-align: center; padding: 0 2vw !important; letter-spacing: 1px; font-weight: 600; text-decoration: none; font-size: 14px;}
.topnav a:hover {background-color: none !important; color: #a8a8a8; text-decoration: none;}
.topnav a.active {background-color: #4CAF50; color: white; text-decoration: none;}
.topnav .icon {display: none;}
.logo-vertical-home {width: 140px;}

.display-u3-home {font-size: 50px; font-weight: 600; line-height: 1; letter-spacing:0px;}
.display-u4-home {font-size: 50px; font-weight: 600; line-height: 1; letter-spacing:3px;}
.lead-urb-home {font-size: 18px; letter-spacing: 1.8px;}

.pesquisa-home{padding-top:80px; max-width:980px; margin:0px auto;}
.busca-home {
    padding: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 50%);
}
.input_pesquisa {
    width: 79%;
    height: 60px;
    font-size: 1.6em;
    font-weight: bold;
    color: #000;
    padding-left: 15px;
}
.input_buscar {
    width: 20%;
    height: 60px;
    vertical-align: top;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    background-color: #008fd6;
    color: #fff;
    border-width: 0;
    border-style: outset;
	cursor: pointer;
}

.grid-columns-4 {grid-template-columns: repeat(4, 1fr);}
.grid-columns-4 .item-1{grid-column: 1 / -1;}	
.gap1 {gap: 40px;}
.gap2 {gap: 40px;}
.item-1{text-align:center;}

.fonte-titulo-pad1{font-family: "CrimsonText-Regular",serif; font-size: 26px; font-weight: 600; letter-spacing: 0; line-height: 1.4;}
.fonte-titulo-pad2{font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-weight: 600; letter-spacing: 0; line-height: 1.4;	color:#015081;}

.link{font-size: 1rem; color: #666; border-color: #d8d8d8; padding-left: 0; padding: 10px 25px 10px 0px; border-top-width: 1px; border-top-style: solid; margin-top: -1px; position: relative; display: block;}
.link:after {content: ""; right: 10px !important; top: 50%; margin-left: 0;	position:absolute; display: inline-block; vertical-align: middle; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #164193;}


/* COLETA VARRIÇÃO */
.blc-coletas-varricao-wrap{width:100%; display:grid; grid-template-columns:0.7fr 1fr; margin-top:60px; margin-bottom:60px;}
.blc-col-var-img{background-color: #dae7f3; padding: 20px 0px; display: grid; align-items: center; justify-items: end;}
.blc-col-var-wrap{padding:20px 20px 20px 120px;}
.blc-col-var-wrap-int{width:70%;}
.blc-col-var-wrap-int h1 {color:#0990ff;}
.blc-col-var-wrap-int p {font-size:2rem;}

#my-img{width:80%; right:-60px; position: relative;}
	@media screen and (max-width: 1300px) {
		#my-img {content: url('../fotos/coleta-b.jpg');}
		.blc-col-var-wrap-int p {font-size:1.8rem;}
}

@media screen and (max-width: 1000px) {
		#my-img {content: url('../fotos/coleta-c.jpg');}
		.blc-col-var-wrap-int p {font-size:1.6rem;}
}
@media screen and (max-width: 768px) {
	#my-img {
		content: url('../fotos/coleta.jpg');
		right: inherit;
		width: 90%;
	}
	.blc-col-var-img {justify-items: center;}
	.blc-col-var-wrap {padding: 20px 60px 20px 60px;}
	.blc-col-var-wrap-int {width: 100%;}
	.blc-coletas-varricao-wrap {grid-template-columns:1fr;}
}
/* COLETA VARRIÇÃO */


/* INTRODUCAO */

.introducao{display:grid; grid-template-columns: 1fr 1fr; padding: 100px 0px; align-items: center;}
.introducao-imagem img{width: 100%;}


.titulo-introducao{font-size: 38px; line-height: 1.2em; padding: 0px 0px 10px 0px;}
.texto-introducao{font-size:1.5em;}
.botao-mais-container{}
.botao-mais-container-banner{display: inline; margin-right: 20px;}
.botao-mais{
	display: inline-block;
	max-width:100%;
	text-align:center;
	margin: 0px; 
	height: 48px; 
	min-width: 180px; 
	font-size: 15px; 
	font-weight: 500; 
	line-height: 48px; 
	text-transform: none; 
	letter-spacing: 0px; 
	border: 0px solid rgb(58, 120, 255); 
	border-radius: 4px; 
	background-color:#015081; 
	color: rgb(255, 255, 255);
	margin-top: 20px;
}



/* INTRODUCAO */


/* SERVIÇOS */

.servicos-columns {grid-template-columns: repeat(4, 1fr);}
.servicos-columns .item-1{grid-column: 1 / -1;}	

.servicos{
	display:grid;
	background: #ffffff;
    padding: 50px 100px;
}

.servicos-ind{}
.servicos-ind img{max-width:100%}
.servicos-texto{padding:20px; background-color:#fff; position: relative;}

.fonte-titulo-servicos{
	font-size: 38px;
    line-height: 1.2em;
    font-weight: normal;
    letter-spacing: 0;
}

.navigation-link-list {list-style: none; margin: 0; padding: 0; border: 0; margin-bottom: 20px;}
.navigation-link-list li {list-style: none;}
.navigation-link-list li a {font-size: 1.75em; color: #666; border-color: #d8d8d8; padding-left: 0; padding: 10px 25px 10px 0px; border-top-width: 1px; border-top-style: solid; margin-top: -1px; position: relative; display: block; border-bottom-width: 1px; border-bottom-style: solid;}
.navigation-link-list li a:hover{background-color: #F2F2F2; text-decoration:none;}



/* SERVIÇOS */

/* HISTORIAS */
.historias{
	display:grid;
	background: #edecec;
    padding: 50px 100px;
}
.historias-columns {grid-template-columns: repeat(4, 1fr);}
.historias-columns .item-1{grid-column: 1 / -1;}	

.historias-ind{}
.historias-ind img{max-width:100%}
.historias-texto-flickity{padding:20px; background-color:#fff; position: relative;}

.fonte-titulo-historias{
	font-size: 38px;
    line-height: 1.2em;
    font-weight: normal;
    letter-spacing: 0;
	margin-bottom: 20px;
}

.fonte-titulo-pad1-flickity .line {
    border-bottom: 2px solid #2C82B7;
}
.fonte-titulo-pad1-flickity a {
    color: #1a1a1a;
    text-decoration: none;
}
.fonte-titulo-pad1-flickity a:hover {
	color: #1a1a1a;
    text-decoration: none;
}
.historias-data-flickity{text-align:right; margin:0; padding:0; font-size:1em;}
.historias-descricao-flickity{padding:0; margin-bottom:5px; font-size:1.5em;}


/* HISTORIAS */


/* MIDIAS SOCIAIS */
.social-media-links {text-align: center; box-sizing: border-box; margin: 0; padding: 0px 20px 40px 20px;}
.l-horizontal-list {list-style: none; margin: 0; padding: 0;}
.l-horizontal-list > li {display: inline-block;   vertical-align: top;}
.icones {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    text-indent: -9999px;
    outline: none;
}

.social-media-links .icones {
	color: white;
    border: 10px solid #ffffff00;
    border-radius: 50px;
    box-sizing: content-box;
    background-clip: padding-box;
}
.icon-social-facebook {background: url(/imagens/icones/ico-facebook.svg) no-repeat; width:100px; height:100px;}
.icon-social-twitter {background: url(/imagens/icones/ico-twitter.svg) no-repeat; width:100px; height:100px;}
.icon-social-linkedin {background: url(../imagens/icones/ico-linkedin.svg) no-repeat; width:100px; height:100px;}
.icon-social-instagram {background: url(/imagens/icones/ico-instagram.svg) no-repeat; width:100px; height:100px;}
.icon-social-youtube {background: url(/imagens/icones/ico-youtube.svg) no-repeat; width:100px; height:100px;}
.icon-social-flickr {background: url(/imagens/icones/ico-flickr.svg) no-repeat; width: 100px; height:100px;}

/*icon icon-social-facebook js-external_disclaimer*/
/* MIDIAS SOCIAIS */

/* PRINCIPAIS */
.principais{
	width: 90%;
	max-width:1240px;
	margin:40px auto 20px auto;
	display:grid; 
	grid-template-columns: repeat(5, 1fr);
	gap:20px;
	justify-items: center;
}

.itens-principais {max-width:250px; text-align: center;}
.itens-principais img{padding-bottom:20px;}
.itens-principais h2{font-size: 2em;}
.itens-principais h3{font-size: 1.5em; font-weight:normal;}

.principais a{text-decoration:none;}
.principais a h2{color:#fff; text-decoration:none;}
.principais a h3{color:#a4a4a4; text-decoration:none;}

.principais a:hover{text-decoration:none;}
.principais a:hover h2{color:#a4a4a4; text-decoration:none;}
.principais a:hover h3{color:#7c7c7c; text-decoration:none;}
.principais a:hover img{filter: saturate(4);}


/* PRINCIPAIS */

/* FOOTER */
footer{
	width:100%;
	background-color:#015081;
	display: grid !important;
    grid-template-columns: 1fr 1fr;
    padding: 60px 100px;
}
.footer-imagem{
	justify-content: center;
    align-items: center;
    display: flex; 
	margin-left:auto; 
	padding-right:20px; 
	border-right:1px solid #fff;
}
.footer-imagem img{width:100%;}
.footer-texto{align-items: center; display: flex; padding-left:20px; 
color:#fff; font-size:1.5em; line-height: 1.3em; padding-top: 30px;}
.footer-texto span{width:100%; display: block;}
/* FOOTER */




/* NOTICIAS */
	.noticias-wrap{
		width: 80%;
		margin:40px auto 60px auto;
		display:grid; 
		grid-template-columns: repeat(3, 1fr); 
		gap:60px 40px;
		justify-items: center;
	}
	
	.noticias-wrap img{max-width:100%;}
	.noticias-wrap a{text-decoration:none; color:#212529;}
	.noticias-wrap a:hover{text-decoration:none; color:#000;}
	.noticias-paragrafo{font-size:2.3rem; background-color:#eaf2fd; padding: 15px;}
	.noticias-box p{margin:0;}
	.noticias-box:hover .image-transition {opacity: 0.8;}
	.image-transition {
		opacity: 1;
		display: block;
		width: 100%;
		height: auto;
		transition: .5s ease;
		backface-visibility: hidden;
	}
	.botao-mais-noticias {margin-bottom: 50px; text-align: center;}


	.carousel-cell2 {
         margin: 20px;
         background-color: #fff;
     }
     .historias-ind-flickity {
         margin: 0px !important;
     }

/* NOTICIAS*/


@media screen and (max-width: 1180px) {
	.principais{grid-template-columns: repeat(4, 1fr);
}}

@media screen and (max-width: 1024px) {
	.servicos-texto{padding:20px 0px;}
	.gap1 {gap: 20px;}
	.servicos {padding: 50px 50px;}
	.introducao {padding: 60px 0px;}
	.servicos-columns {grid-template-columns: repeat(2, 1fr);}
	.gap1 {gap: 40px;}
	.navigation-link-list li a {font-size: 2em;}
	.fonte-titulo-pad2 {font-size: 26px; line-height:1.8em;}
	footer {padding: 60px 60px;};

}

@media screen and (max-width: 940px) {
	.principais{grid-template-columns: repeat(3, 1fr);
}
}

@media screen and (max-width: 818px) {
	.topnav a {padding: 18px 14px; font-size: 12px;}
}
@media screen and (max-width: 768px) {
	.topnav a {padding: 16px 12px; font-size: 11px;}
	.introducao-imagem {display:none;}
	.introducao {grid-template-columns: 1fr; padding: 0px 0px;}
	footer {padding: 60px 40px;}
	.footer-texto {font-size: 1.25em;}
	
		
	.principais{grid-template-columns: repeat(2, 1fr); margin: 40px 0px 20px 0px; width: 100%;}
	.itens-principais:not(:last-child){padding-bottom: 40px;}
	.itens-principais h2{font-size: 2.5em;}
	.itens-principais h3{font-size: 1.75em;}
}
@media screen and (max-width: 700px) {
	.topnav a {padding: 10px 10px; font-size: 10px;}
}
@media screen and (max-width: 600px) {

	.topnav a {padding: 9px 18px; font-size: 14px;}

	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon {float: right; display: block; }
	.menu{justify-content: normal; display:block; padding: 10px 10px;}
	.menu.responsive {background-color: rgba(0, 0, 0, 0.7);}
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {position: absolute; right: 0; top: 0;}
	.topnav.responsive a {float: none; display: block; text-align: left;}
	.d-flex{padding-top: 10px !important;}
	
	.logo-vertical {width: 125px;}
	.display-u3 {font-size: 7.5vw;}
	.display-u4 {font-size: 7.5vw; letter-spacing:0.4vw;}
	.lead-urb {font-size: 2.5vw; letter-spacing:0.36vw;}
	
	.logo-vertical-home {width: 100px;}
	.display-u3-home {font-size: 5.5vw;}
	.display-u4-home {font-size: 5.5vw; letter-spacing:0.4vw;}
	.lead-urb-home {font-size: 1.6vw; letter-spacing:0.36vw;}
	
	.header-home {height: 57vh;}

	

	.titulo-introducao {font-size: 34px;}
	.botao-mais-container{text-align:center;}
	.texto-introducao {font-size: 1.7em;}

	.servicos-columns {grid-template-columns: repeat(1, 1fr);}
	.servicos {padding: 50px 50px;}
	.gap1 {gap: 0px;}

	.historias-columns {grid-template-columns: repeat(1, 1fr);}
	.historias {padding: 50px 50px;}
	
	.principais{grid-template-columns: repeat(1, 1fr);}
	.itens-principais:not(:last-child){padding-bottom: 40px;}
	.itens-principais h2{font-size: 2.5em;}
	.itens-principais h3{font-size: 1.75em;}

	footer{
		grid-template-columns: 1fr;
		padding: 40px 20px;
	}
	.footer-imagem img {width: 50%;}
	.footer-imagem{
		padding-right:0px; 
		padding-bottom:20px; 
		border-right:0px solid #fff;
		border-bottom:1px solid #fff;
		margin-left:0px;
	}
	.footer-texto {
		padding-left: 0px;
		font-size: 1.5em;
		line-height: 1.5em;
		text-align: center;
		margin: auto;
	}
	
	.sjc-bem-cuidada-wrap{justify-content: center;}
	.sjc-bem-cuidada{max-width:150px; margin-right: 0px;}
	.pesquisa-home{padding-top:20px; max-width:980px; margin:0px auto;}
	.sjc-bem-cuidada-wrap {
            justify-content: center;
            padding-top: 20px;
        }

        .text-center {
            padding-top: 10px;
        }
        .wrap-cabecalho-geral {
            gap: 10px;
        }
        .pesquisa-home {
            padding-top: 10px;
        }
        .input_pesquisa {
            font-size: 1.2em;
            height: 40px;
        }
        .input_buscar {
            font-size: 1.2em;
            height: 40px;
        }
        .d-flex{
            padding-top: 10px !important;
        }
}

@media screen and (max-width: 550px) {
	.podcast{grid-template-columns:1fr;}
	.grid-spotify {justify-content: center; display: grid;}
    #myBtn {right: 10%;}
}

@media screen and (max-width: 360px){
	.servicos {padding: 50px 25px;}
	.logo-vertical-home {width: 90px;}
	.logo-vertical {width: 90px;}
	.menu {padding: 0px 10px;}
	.introducao-texto {max-width: 100%;}
	.titulo-introducao {overflow-wrap: break-word; font-size: 28px;}
	.navigation-link-list li a {font-size: 1.75em;}
	.fonte-titulo-pad2 {font-size: 24px; line-height:1.8em;}
	.footer-texto {font-size: 1.25em;}
	.footer-imagem img {width: 60%;}
	.logo-vertical-home {
		width: 80px;
	}
}
@media screen and (max-width: 315px){
	.footer-texto {font-size: 1em;}
	.footer-imagem img {width: 70%;}
}

/*BOTÃO DE IR PRO TOPO*/
#myBtn {
    position: fixed;
    bottom: 5%;
    float: right;
    right: 5%;
    max-width: 30px;
    width: 100%;
    font-size: 12px;
    padding: .5px;
    border-radius: 4px;
}

/*MENSAGEM DE ALERTA AO ENVIAR EMAIL*/
.msg-alerta{
    padding-bottom: 40px;
    max-width: 980px;
    margin: auto !important;
    text-align: center;
    font-size: 20px;
    color: #ff0000;
}

select {
    height: auto !important;
}

.btn {font-size: 2rem !important;}



/*@media (pointer: coarse) and (hover: none) {
  header {
    background: url('../fotos/bg-estadio.jpg') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}


	.galleria__item-inner .servicos-ind .servicos-texto .fonte-titulo-pad2 {font-size: 36px !important; padding:10px 0px;}
	.galleria__item-inner .servicos-ind .servicos-texto .navigation-link-list li a {font-size: 22px !important; padding:20px 0px;}
	.galleria__item-inner .servicos-ind {padding:0px 40px;}

*/




/********************************************* Novo Layout 2023 *********************************************/
header {display: inline !important;}
.cabecalho-ferramentas-li a {color:#FFF}
.cabecalho-ferramentas-li a:hover {color:#bdbdbd}

.cabecalho-imagem {
    background-image: url(/imagens/bg-header/02.jpg);
    background-position: center;
    background-size: cover;
}
.cabecalho-ferramentas{display: flex; list-style-type: none; padding: 8px; margin: 0px; color:#fff; justify-content: flex-end; font-size:14px;}
.cabecalho-ferramentas-li{border:1px solid #0000000d; padding:4px 6px; margin-left:4px; background-color:#0000004f;}
.logo-50anos{width:100%; display:grid;}
.logo-50anos-img{max-width: 268px;margin: auto;}

/* MENU */
.menu-imagem{max-width:40px; margin: 10px auto;}
.menu-h2{margin: 0px; font-size:12px; font-weight:200; padding-bottom: 10px;}


.menu-wrap{display: grid;}
.menu{position: relative !important; display: flex; justify-content: center; z-index: 999; color:#fff; text-align:center; width:100%; background-color:#053C5E !important; /*background-color: rgba(0, 0, 0, 0.5);*/
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
	z-index: 9999;
}
.topnav{text-align: center; overflow: hidden; max-width:80%; padding: 4px 0px;}
.topnav a {padding: 0px 20px 0 20px; margin:5px; border-radius:5px; /*background-color: #1C5D99;*/ float: left; display: block; color: #ffffff; text-align: center;
letter-spacing: 1px; font-weight: 400; text-decoration: none; font-size: 12px;}
.topnav a:hover { color: #dbdbdb !important; text-decoration: none !important;}

.topnav a:hover img {filter:brightness(85%) !important;}


.topnav a.active {background-color: #4CAF50; color: white; text-decoration: none;}
.topnav .icon {display: none;}

.logo-urbam{width: 200px; display: flex; justify-content: flex-start; align-items: center; margin-left:20px;}
.logo-sjcbemcuidada{width: 200px; display: flex; justify-content: flex-end; align-items: center; margin-right:20px;}

@media screen and (max-width: 818px) {
	.topnav a {padding: 18px 14px; font-size: 12px;}
}
@media screen and (max-width: 768px) {
	.topnav a {padding: 16px 12px; font-size: 11px;}
}
@media screen and (max-width: 700px) {
	.topnav a {padding: 10px 10px; font-size: 10px;}
}
@media screen and (max-width: 600px) {
	.topnav {order: 3; grid-column: span 2;}
	.topnav a {padding: 9px 18px; font-size: 14px;}
	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon {float: right; display: block; }
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {position: absolute; right: 0; top: 0;}
	.topnav.responsive a {float: none; display: block; text-align: left;}
	
	.menu{justify-content: normal; display:block; padding: 10px 10px; display: grid; grid-template-columns: 1fr 1fr; width: calc(100% - 20px); gap:20px;}
	.menu.responsive {background-color: rgba(0, 0, 0, 0.7);}
	
	.logo-urbam{display:none; order: 1; width:auto; justify-content: flex-end;}
	.logo-sjcbemcuidada{display:none; order: 2; width:auto; justify-content: flex-start;}
}

@media screen and (max-width: 360px){
	.menu {padding: 0px 10px;}
}


/* DESTAQUES */
.destaques-wrap{padding:40px 0;}
.destaques-geral{max-width:80%; margin:auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px;}
.destaques-img{max-width:100%;max-height: 330px;}
.destaques-h2{font-family: sans-serif; font-size:16px; font-weight:600; margin: 10px 0 5px 0;}
.destaques-p{font-family: sans-serif; font-size:14px; font-weight:400;}
.urb_destaques a{text-decoration:none; color:#2a2a2a;}
.urb_destaques a:hover{text-decoration: none;color: #818181;}
.principais-servicos{padding:20px 40px; max-width:1300px; margin:auto; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:40px;}
.principais-servicos a{text-decoration:none; color:#000;}
.principais-servicos a:hover{text-decoration: none;color: #818181;}
.itens-principais-novo{text-align:center;}
.itens-principais-novo h2{font-size:18px; font-family: sans-serif;}
.itens-principais-novo h3{font-size:16px; font-family: sans-serif; font-weight:300;}


/* GALERIA */
.galeria-wrap{display:grid; padding:40px; max-width:100%; background: linear-gradient(264deg, rgba(23,23,23,1) 0%, rgba(33,33,33,1) 49%, rgba(23,23,23,1) 100%);}
.galeria-titulo{margin:auto; padding:40px 0px; font-family: sans-serif; color:#fff; font-size:28px; font-weight: bold;}
.galeria-item-wrap{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; width:100%;}
.galeria-item{width: 100%; position: relative; background-color: #fff; display: grid; grid-template-columns: 1fr;}
.galeria-item-titulo{position: absolute; width: 100%; font-family: sans-serif; font-size:20px; background-color: #000000c2; padding: 20px 0px; margin: 0px 0px !important; color: #fff; text-align: center; bottom: -30px;}
.galeria-item-titulo {opacity: 0; transition: all .3s ease-in; transition: all .3s ease-out;}
.galeria-img-gray{max-width:100%; -webkit-filter: grayscale(1);filter: saturate(0.1);}
.galeria-item:hover .galeria-item-titulo {transform: translateY(-30px); opacity: 1;}
.galeria-item:hover .galeria-img-gray {-webkit-filter: grayscale(1);filter: saturate(1);}
.galeria-item-a{display: flex;}


/* PRINCIPAIS SERVICOS */
.principais-servicos-wrap{background-color:#f1f1f1; width:100%; padding:60px 0px;}


/* MIDIAS */
.midias-wrap{background-color:#f8f8f8; width:100%; padding:60px 0px;}
.midias-geral{max-width: 700px; margin:auto; padding:20px 40px 100px 40px; text-align:center; display:grid; gap:20px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.midias-img{margin: auto; max-width:80%;}



/* NOTÍCIAS */
.noticias-titulonovo{max-width:350px; font-family: sans-serif; text-align:center; color: #181818; font-size: 28px; font-weight: bold; margin:auto; padding-bottom:30px;}
.noticias-blc-wrap{max-width:1300px; margin:auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; padding: 0;}
.noticias-blc{width:100%; box-shadow: 0px 8px 17px -1px rgba(0,0,0,0.4); background: #ebebeb;}
.noticias-blc img{max-width:100%;}
.noticias-blc a{text-decoration:none;}
.noticias-blc-link{display: grid; align-items: start; -webkit-mask-box-image-width: 0 12px 12px 12px;}
.zoom {transition: transform .4s; object-fit: cover; height:400px; border-radius: 10px 10px 0px 0px;}
.zoom:hover {transform: scale(1.2);}
.noticias-bloco-texto{background-color:#fff; padding:20px; display: grid;  font-family: sans-serif; min-height: 160px;}
.noticias-bloco-texto h3{margin-top: 0px; font-size: 16px; color: #141B20; font-weight:500;  font-family: sans-serif;}
.noticias-bloco-texto h2{margin-top: 5px; font-size: 22px; color: #141B20;  font-family: sans-serif;}
.noticia-fundo-img{background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(237,237,237,1) 50%, rgba(255,255,255,1) 100%); overflow: hidden;border-radius: 10px 10px 0px 0px; max-height: 300px;}
.carousel2 {display: grid;grid-template-columns: repeat(3, 1fr) !important;}

.botao-mais:hover{background-color: #0056b3;text-decoration: none}


/* ANIMAÇÃO */
.js [data-anime] {
	opacity: 0;
	transform: translate3d(0,0px,0);
	transition: 1.8s;
}

.js [data-anime].animate {
	opacity: 1;
	transform: translate3d(0,0,0);
}

.js [data-anime].mace1 {transition-delay: 2s;}
.js [data-anime].mace2 {transition-delay: 2.2s;}
.js [data-anime].mace3 {transition-delay: 2.4s;}
.js [data-anime].mace4 {transition-delay: 2.6s;}
.js [data-anime].mace5 {transition-delay: 2.8s;}
.js [data-anime].mace6 {transition-delay: 3.0s;}

.js [data-anime].mid1 {transition-delay: 3.2s;}
.js [data-anime].mid2 {transition-delay: 3.4s;}
.js [data-anime].mid3 {transition-delay: 3.6s;}
.js [data-anime].mid4 {transition-delay: 3.8s;}
.js [data-anime].mid5 {transition-delay: 4.0s;}
.js [data-anime].mid6 {transition-delay: 4.2s;}
.js [data-anime].mid7 {transition-delay: 4.4s;}

@media screen and (max-width: 1080px) {
	.galeria-item-wrap{grid-template-columns: 1fr 1fr 1fr;}
	.noticias-blc-wrap{grid-template-columns:1fr 1fr;}
}

@media screen and (max-width: 909px) {
	.galeria-item-wrap{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 680px) {
	.galeria-item-wrap{grid-template-columns: 1fr;}
	.noticias-blc-wrap{grid-template-columns:1fr;}
}



/* RODAPE */
.rodape-top-wrap{background-color: #053C5E;}
.rodape-top{max-width: 1300px; padding:60px 0px; margin:auto; display:grid; grid-template-columns:0.5fr 1.5fr 1fr 1fr; gap:40px;  padding:40px}
.rodape-logo{display: flex; align-items: center; justify-content: end;}
.rodape-logo img{max-width:100px;}
.rodape-endereco{display: flex; align-items: center;}
.rodape-endereco ul{padding: 0px; width: 100%;}
.rodape-endereco ul li{list-style:none;}
.rodape-endereco h3{width:100%; font-size: 16px; font-weight:normal; color: #ffffff; font-family: sans-serif; margin:5px 0px;}


.rodape-bot-wrap{background-color: #BFDBF7;}
.rodape-bot{max-width: 1300px; margin: auto; padding:15px 0px; justify-items: center;}
.rodape-bot h2{text-align:center; color:#053C5E; font-size:14px; margin:0px; font-family: sans-serif;}


.rodape-links1{display: flex; align-items: center;}
.rodape-links2{display: flex; align-items: center;}

.rodape-links1-titulo{color:#fff; font-family: sans-serif; font-size:22px; font-weight:700; text-align: center; display: flex; padding-bottom: 20px;}
.rodape-links1-a{color:#fff; font-family: sans-serif; font-size:16px; font-weight:400; text-align: left; text-decoration:none; display: flex; padding-bottom: 5px;}

.rodape-links2-titulo{color:#fff; font-family: sans-serif; font-size:22px; font-weight:700; text-align: center; display: flex; padding-bottom: 20px;}
.rodape-links2-a{color:#fff; font-family: sans-serif; font-size:16px; font-weight:400; text-align: left; text-decoration:none; display: flex; padding-bottom: 5px;}

@media screen and (max-width: 1080px) {
	.rodape-top {grid-template-columns: 1fr 1fr;}
	.rodape-links1 {justify-content: flex-end;}
	.rodape-links1-titulo {justify-content: flex-end;}
	.rodape-links1-a {justify-content: flex-end;}
}

@media screen and (max-width: 680px) {
	.rodape-top {grid-template-columns: 1fr;}
	.rodape-logo {justify-content: center;}
	.rodape-logo img {max-width: 150px;}
	.rodape-endereco {text-align: center;}
	
	.rodape-links1 {justify-content: center;}
	.rodape-links1-titulo {justify-content: center;}
	.rodape-links1-a {justify-content: center;}
	
	.rodape-links2 {justify-content: center;}
	.rodape-links2-titulo {justify-content: center;}
	.rodape-links2-a {justify-content: center;}
	
	.mais-ace-midias-corpo {grid-template-columns: 1fr 1fr 1fr 1fr;}
}

/* ATUAÇÃO */
.atuacao-icones-wrap img {
	height: 100px;
}
.scrollSuave img {
	height: 100px;
}


.principais-servicos a:hover img {
	filter: grayscale(1) brightness(2.5);
}