section { background-color: #ffffff; padding: 30px 0px; }

/*ATALHOS 01*/
.atalhos { width: 100%; height: auto; position: relative; margin: 10px 0px 50px 0px; text-align: center; display:inline-block; vertical-align:top; }
.atalhos ul { width: 100%; height: auto; position: relative; clear: both; height: auto; text-align: left; padding: 0px 0px 20px 0px; gap: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; }
.atalhos ul li { margin: 10px 0px 5px 0px; box-sizing: border-box; background: #eaeaea; text-align: left; width: 32%; min-height: 350px; height: auto; position: relative; float: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden;}
.atalhos ul li .avatar { background-color: var(--cor-primaria); width: 100%; height: 240px; position: relative; display:inline-block ; vertical-align:top; text-align:left; }
.atalhos ul li .avatar img { opacity: 0.75; width: 100%; height: 100%; object-fit: cover; object-position: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block;  }
.atalhos ul li .avatar .cta { width: auto; font-size: 16px; font-family: var(--fonte-padrao); text-align: center; height: auto; padding: 12px 25px; line-height: 10px; color: #ffffff; background: var(--cor-secundaria); position: absolute; z-index: 10; font-weight: 700; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.atalhos ul li .resumo { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding: 20px 20px 20px 20px; position: relative; z-index: 10; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align:left; display:inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;  }
.atalhos ul li .resumo .nome_podcast { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-primaria); line-height: 22px; font-size: 18px; font-weight: 800; text-align: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.atalhos ul li .resumo .intro_podcast { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-primaria); line-height: 20px; font-size: 14px; font-weight: 500; text-align: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

@media screen and (max-width: 1100px) {
	.unidades .dados ul li { text-align:center; }
	.unidades .dados ul li .avatares { width: 85px; display:inline-block; }
	.unidades .dados ul li .info_unidades { margin: 10px 0px 0px 0px; width: 100%; }
	.unidades .dados ul li .info_unidades .nome_empresa { text-align: center; }

	/*UNIDADES*/
	.unidades { width: 96%; padding: 25px 2%; }
	.unidades .dados { width:100%; margin: 0px; padding: 25px 0px 0px 0px; text-align:center; }
	.unidades .dados .titulo_mapa, .unidades .dados .titulo_mapa p, .unidades .dados .titulo_mapa .ponto { text-align:center; }

	/*ATALHOS 01*/
	.atalhos { margin: 25px 0px 50px 0px; }
	.atalhos:before { display:none; }
	.atalhos ul { display: inline-block; justify-content: initial; flex-wrap: initial; }
	.atalhos ul li, .atalhos ul li:hover { width: 160px; height: 210px; margin: 5px; }
	.atalhos ul li .avatar, .atalhos ul li .avatar::before { height: 210px; }

	/*MAPA*/
	#map { position:relative; width: 98%; padding:30px 1%; text-align:center }
	#map svg { width:100%; height:auto; }
}