/*HOME*/
section { padding: 10px 0px 0px 0px; }

/*ENTRADA*/
.entrada_desktop { cursor: pointer; width: 95%; height: 92vh; margin: 4vh 2.5%; position: relative; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }

/*MOUSE INDICATOR*/
.scroll-indicator { display: flex; flex-direction: column; align-items: center; position: absolute; bottom: 7vh; left: 50%; transform: translate(-50%,0); animation: fadeIn 2s ease-in-out infinite; }
.mouse-icon { width: 16px; height: 30px; border: 2px solid rgba(255,255,255,1); border-radius: 12px; position: relative; }
.mouse-icon:after { width: 2px; height:30px; position:absolute; top: -32px; left: 50%; transform:translate(-50%,0); content:''; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); }
.scroll-wheel { width: 4px; height: 10px; background-color: rgba(255, 255, 255, 1.0); border-radius: 3px; position: absolute; top: 8px; left: 50%; transform: translateX(-50%); animation: wheel-move 1.5s infinite; }
@keyframes wheel-move { 0% { top: 4px; opacity: 1; } 50% { top: 8px; opacity: 0.5; } 100% { top: 4px; opacity: 1; } }

/*ENTADA MOBILE*/
.entrada_mobile { display: none; width: 100%; height: 50vh; position: relative; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; }

/*BANNER*/
.banner_principal { width: 95%; height: auto; position: relative; display: inline-block; vertical-align: text-top; padding: 0px; text-align: center; margin: 0px 2.5% 0px 2.5%; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; overflow:hidden; }
.banner_principal ul { width: 100%; height: auto; position: relative; list-style-type: none; padding: 0px; text-align:center; margin: 0px; display:inline-block; }
.banner_principal ul li { overflow: hidden; width: 100%; height: auto; margin: 0px; position: relative; text-align:center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; float:left; }
.banner_principal ul li img { width: 100%; height: auto; margin: 0px; text-align: center; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; display:block; overflow:hidden; float:left; z-index:11; }
.banner_principal #prev1 { position:absolute; left: 20px; top: 50%; transform: translate(0,-50%); background-image: url(../imagens/seta-esquerda-10.png); background-repeat: no-repeat; background-position: center; background-size: 90% auto; width: 35px; height: 35px; opacity:0.5; z-index:100; cursor:pointer; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner_principal #prev1:hover { opacity:1; background-color:#ffffff; }
.banner_principal #next1 { position:absolute; right: 20px; top: 50%; transform: translate(0,-50%); background-image: url(../imagens/seta-direita-10.png); background-repeat: no-repeat; background-position: center; background-size: 90% auto; width: 35px; height: 35px; opacity:0.5; z-index:100; cursor:pointer; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner_principal #next1:hover { opacity:1; background-color:#ffffff; }

/*SOBRE*/
.sobre_empresa { width:100%; height:auto; position:relative; background-color:#ffffff; padding: 75px 0px 100px 0px; margin:0px; text-align:left; }
.sobre_empresa .fundadores { width: 52%; height:auto; position:relative; display: inline-block; vertical-align: top; padding: 0px; margin: 0px 3% 0px 0px; text-align:left; }
.sobre_empresa .fundadores .avatar { position:relative; display:inline-block; vertical-align:top; height:auto; width: 50%; margin: 20px 0px 0px 0px; -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: 40px; -moz-border-radius: 40px; border-radius: 40px; overflow:hidden; }
.sobre_empresa .fundadores .avatar img { position:relative; display:inline-block; vertical-align:top; height:auto; width: 100%; margin: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre_empresa .fundadores .avatar:before { width: 100%; height: 100%; position: absolute; z-index: 11; content: ''; left: 0px; top: 0px; background: rgb(20,52,92); background: linear-gradient(0deg, rgba(20,52,92,0.7) 0%, rgba(0,0,0,0.1) 100%);  }
.sobre_empresa .fundadores .avatar .titulo_foto { width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); height: auto; padding: 30px; position: absolute; font-family: var(--fonte-padrao); color: #ffffff; line-height: 32px; font-size: 24px; font-weight: 400; text-align: center; left: 0px; bottom: 0px; z-index: 100; }
.sobre_empresa .fundadores .sobre { width: -moz-calc(53% - 75px); width: -webkit-calc(53% - 75px); width: -o-calc(53% - 75px); width: calc(53% - 75px); height: auto; position: relative; display: inline-block; vertical-align: text-top; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; text-align:left; padding: 60px 0px 0px 40px; }
.sobre_empresa .fundadores .sobre h1 { width: 100%; height: auto; position: relative; padding: 0px; margin: 0px; line-height: 26px; font-weight: 400; font-size: 24px; color: var(--cor-texto-default); font-family: var(--fonte-padrao); -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:block; }
.sobre_empresa .fundadores .sobre h2 { width: 100%; height: auto; position: relative; padding: 0px 0px 20px 0px; margin: 0px; line-height: 44px; font-weight: 800; font-size: 48px; color: var(--cor-texto-default); font-family: var(--fonte-padrao); -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:block; letter-spacing: -2px; }
.sobre_empresa .fundadores .sobre h3 { width: 100%; height: auto; position: relative; padding: 0px 0px 10px 0px; margin: 0px; line-height: 24px; font-weight: 500; font-size: 16px; color: var(--cor-texto-default); font-family: var(--fonte-padrao); -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:block; }
.sobre_empresa .fundadores .sobre p { width: 100%; font-size: 14px; line-height: 20px; text-decoration: underline; font-weight: 700; letter-spacing: 0px; color: var(--cor-primaria); height: auto; position: relative; display: inline-block; vertical-align: top; font-family: var(--fonte-padrao); -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 15px 0px; }
.sobre_empresa .mais_fundadores { width: 44%; height:auto; position:relative; display: inline-block; vertical-align: top; padding: 0px; margin: 20px 0px 0px 0px; text-align:left; }
.sobre_empresa .mais_fundadores .fundas { width: 100%; height:175px; position:relative; display: inline-block; vertical-align: top; padding: 0px; margin: 0px 0px 50px 0px; text-align:left; background:#eaeaea; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; overflow:hidden; }
.sobre_empresa .mais_fundadores .fundas .avatar { position:relative; display:inline-block; vertical-align:top; height: 175px; width: 175px; margin: 0px 20px 0px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; }
.sobre_empresa .mais_fundadores .fundas .avatar img { position:absolute; display: block; height:auto; max-height: 100%; width: auto; max-width: 100%; margin: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; left: 50%; top:50%; transform:translate(-50%,-50%); }
.sobre_empresa .mais_fundadores .fundas .sobre { width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -o-calc(100% - 200px); width: calc(100% - 200px); height: auto; position: relative; display: inline-block; vertical-align: text-top; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; text-align:left; padding: 30px 0px 0px 0px; }
.sobre_empresa .mais_fundadores .fundas .sobre .nome_fundador { width: 100%; height: auto; position: relative; padding: 0px 0px 10px 0px; margin: 0px; line-height: 24px; font-weight: 800; font-size: 22px; color: var(--cor-texto-default); font-family: var(--fonte-padrao); -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:block; letter-spacing: -1px; }
.sobre_empresa .mais_fundadores .fundas .sobre .lema { width: 100%; height: auto; position: relative; padding: 0px; margin: 0px; line-height: 24px; font-weight: 400; font-size: 16px; color: var(--cor-texto-default); font-family: var(--fonte-padrao); -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:block; }
.sobre_empresa .mais_fundadores .fundas .sobre p { width: 100%; font-size: 14px; line-height: 20px; text-decoration: underline; font-weight: 700; letter-spacing: 0px; color: var(--cor-primaria); height: auto; position: relative; display: inline-block; vertical-align: top; font-family: var(--fonte-padrao); -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 15px 0px; }
.sobre_empresa .mais_fundadores .fundas:hover .avatar { margin: 0px 5px 0px 10px; }
.sobre_empresa .mais_fundadores .fundas:hover .sobre { padding: 25px 0px 0px 0px; }
.sobre_empresa .fundadores:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.sobre_empresa .fundadores:hover .sobre { padding: 40px 0px 0px 40px; }

/*FRASES*/
.frases { width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); height:auto; position:relative; text-align:center; padding: 75px 30px; margin: 0px 0px 30px 0px; background-color:#eaeaea; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.frases .frase { color:var(--cor-primaria); width: 100%; font-size: 42px; line-height: 52px; font-family: var(--fonte-padrao); font-weight: 800; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:inline-block; letter-spacing: -2px; padding: 10px 0px; }
.frases .frase .autor { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; z-index: 60; line-height: 18px; padding: 0px; color: var(--cor-primaria]); font-size: 18px; letter-spacing: 0px; font-weight: 500; }
.frases:hover .frase { padding: 5px 0px; }
.frases:hover .frase .autor { padding: 10px 0px 0px 0px; }

/*MISSÃO*/
.nossa_missao { width:100%; height:auto; position:relative; background-color:#ffffff; padding: 50px 0px 100px 0px; margin:0px; text-align:center; }
.nossa_missao img { position:relative; display:inline-block; vertical-align:top; height:auto; width:45%; margin: 40px 1% 0px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.nossa_missao .missao { width: -moz-calc(53% - 75px); width: -webkit-calc(53% - 75px); width: -o-calc(53% - 75px); width: calc(53% - 75px); height: auto; position: relative; display: inline-block; vertical-align: text-top; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; text-align:left; padding: 90px 0px 0px 75px; }
.nossa_missao .missao h1 { width: 100%; height: auto; position: relative; padding: 0px 0px 10px 0px; margin: 0px; line-height: 26px; font-weight: 500; font-size: 16px; color: var(--cor-texto-default); font-family: var(--fonte-padrao); -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:block; }
.nossa_missao .missao p { width: 100%; font-size: 14px; line-height: 20px; text-decoration: underline; font-weight: 700; letter-spacing: 0px; color: var(--cor-primaria); height: auto; position: relative; display: inline-block; vertical-align: top; font-family: var(--fonte-padrao); -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; padding: 15px 0px; }
.nossa_missao .missao .cta { cursor: pointer; float: right; width: auto; margin: 10px 0px 10px 20px; padding: 12px 25px; background: #eaeaea; color: var(--cor-primaria); font-size: 15px; font-family: var(--fonte-padrao); font-weight: 700; -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: 40px; -moz-border-radius: 40px; border-radius: 40px; overflow: hidden; letter-spacing:0px; }
.nossa_missao .missao .cta:hover { text-decoration:underline; }
.nossa_missao:hover img { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }

/*NOTÍCIAS*/
.noticias { width: 100%; height: auto; position: relative; display: inline-block; vertical-align: text-top; padding: 0px 0px 100px 0px; text-align: center; margin: 0px 0px 75px 0px; background: #eaeaea; }
.noticias .veja_mais { width: auto; height: auto; position: relative; float: right; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; line-height: 12px; padding: 0px; color: var(--cor-destaque); font-size: 13px; letter-spacing: 0px; font-weight: 700; text-decoration:underline; text-transform:initial; }
.noticias ul { width: 100%; height: auto; position: relative; list-style-type: none; padding: 0px; text-align:center; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 25px 0px 0px 0px; }
.noticias ul li { overflow: hidden; width: 28%; height: auto; margin: 0px; box-sizing: border-box; position: relative; text-align:left; }
.noticias ul li img { width: 100%; height: auto; margin: 0px; text-align: center; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; display:block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; overflow:hidden; float:left; }
.noticias ul li .infos { width: 100%; height: auto; z-index: 20; padding: 30px 0px 10px 0px; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:inline-block; vertical-align:top }
.noticias ul li .infos .leia_mais { width: auto; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; z-index: 60; line-height: 13px; padding: 0px; color: var(--cor-destaque); text-decoration: underline; font-size: 13px; font-weight: 600; }
.noticias ul li .infos .qual { width: 100%; height: auto; position: relative; color: var(--cor-destaque); font-size: 22px; line-height: 24px; font-family: var(--fonte-padrao); font-weight: 600; text-align: left; padding: 20px 0px; -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; }
.noticias ul li .infos .data { margin: 0px; width: auto; padding: 0px; height: auto; position: relative; color: var(--cor-primaria); font-size: 20px; line-height: 20px; font-family: var(--fonte-padrao); font-weight: 800; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:inline-block; overflow:hidden; text-transform:uppercase; letter-spacing:1px; }
.noticias ul li:hover img { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }

/*INTERATIVA*/
.interativa { width: 100%; height:auto; min-height: 300px; padding: 25px 0px 10px 0px; text-align:left; clear:both; }
.interativa .categorias { position:absolute; top: 0px; right: 0px; margin: 30px 0px 0px 0px; width: auto; height: auto; }
.interativa .categorias ol { width:auto; list-style:none; text-align:right; }
.interativa .categorias ol li { width:auto; height:auto; position:relative; line-height: 30px; display: inline-block; vertical-align: top; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 20px; }
.interativa .categorias ol li a { color: var(--cor-destaque); letter-spacing: 0px; line-height:30px; font-size: 13px; font-weight: 600; display: inline-block; vertical-align: top; }
.interativa .categorias ol li a:hover { text-decoration:underline; color: var(--cor-destaque); }
.interativa .categorias ol li:not(:first-child)::after { color: var(--cor-primaria); line-height:30px; position:absolute; left:0px; top: 0px; content: '/'; font-size: 13px; font-weight: 600; }

/*PODCAST*/
.podcasts { width: 30%; height: auto; position: relative; padding: 25px 0px; margin-left: 4.5%; text-align: center; display:inline-block; vertical-align:top; }
.podcasts ul { width: 100%; height: auto; position: relative; clear: both; height: auto; text-align: right; padding: 0px 0px 20px 0px }
.podcasts ul li { margin: 10px 0px 35px 0px; text-align: left; width: 100%; min-height: 140px; 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: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden;}
.podcasts ul li .avatar { background-color: var(--cor-primaria); width: 100%; height: auto; position: relative; display:inline-block ; vertical-align:top; text-align:left; }
.podcasts ul li .avatar .play { width: 52px; padding: 0px; margin: 0px; position: absolute; z-index: 100; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.podcasts ul li .avatar .play:before { position:absolute; content:''; width:30px; height:30px; left:50%; top:50%; transform: translate(-50%,-50%); background-color:#ffffff; }
.podcasts ul li .avatar .play i { font-size:52px; line-height:52px; width:52px; height:52px; position:relative; display:inline-block; vertical-align:top; color: red; }
.podcasts ul li .avatar img { width: 100%; opacity: 0.75; 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; display: block;  }
.podcasts ul li .resumo { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding: 50px 20px 15px 20px; position: absolute; z-index: 10; left: 0px; bottom: 0px; 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 ; vertical-align:top; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;  }
.podcasts ul li .resumo .nome_podcast { width: 100%; height: auto; padding: 8px 0px 0px 0px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 20px; font-size: 15px; 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; }
.podcasts ul li:hover .avatar img { opacity:0.5; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.podcasts ul li:hover .resumo { right: 10px; }
.podcasts ul li:hover .resumo .nome_podcast { padding: 0px 0px 10px 0px; }

/*VÍDEOS*/
.videos { width: 65%; height: auto; position: relative; padding: 25px 0px; text-align: center; display:inline-block; vertical-align:top; }
.videos ul { width: 100%; height: auto; position: relative; clear: both; height: auto; text-align: right; padding: 1px 0px 20px 0px }
.videos ul li { width:100%; margin: 10px 0px 20px 0px; min-height: 140px; height: auto; position: relative; -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: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; }
.videos ul li .avatar { background-color: var(--cor-primaria); width: 100%; height: auto; position: relative; display:inline-block ; vertical-align:top; text-align:left; }
.videos ul li .avatar .play { width: 62px; padding: 0px; margin: 0px; position: absolute; z-index: 100; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.videos ul li .avatar .play:before { position:absolute; content:''; width:40px; height:40px; left:50%; top:50%; transform: translate(-50%,-50%); background-color:#ffffff; }
.videos ul li .avatar .play i { font-size:62px; line-height:62px; width:62px; height:62px; position:relative; display:inline-block; vertical-align:top; color: red; }
.videos ul li .avatar img { width: 100%; height: auto; opacity: 0.75; -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;  }
.videos ul li .resumo { width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); padding: 50px 30px 30px 30px; position: absolute; z-index: 10; left: 0px; bottom: 0px; 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 ; vertical-align:top; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;  }
.videos ul li .resumo .titulo_post { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 22px; font-size: 18px; font-weight: 800; text-align: left; }
.videos ul li:hover .avatar img { opacity:0.5; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.videos ul li:hover .avatar .play { opacity: 1; }

/*BANNER RODAPÉ*/
.area_banner_rodape { width:100%; height:auto; position:relative; text-align:center; margin-bottom: 75px; }
.area_banner_rodape:before { width:100%; height:50%; position:absolute; z-index:1; content:''; left:0px; top:0px; background:#ffffff; }
.banner_rodape { width:100%; height:auto; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; z-index:20; }
.banner_rodape img { position:relative; width:100%; height:auto; display:inline-block;  -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; overflow:hidden; margin: 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner_rodape:hover img { margin:2px 0px 18px 0px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }

/*ATALHOS 02*/
.atalhos2 { width: 100%; height: auto; position: relative; z-index: 10; margin: 75px 0px 0px 0px; text-align: center; display:inline-block; vertical-align:top; background: #eaeaea; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.atalhos2:before { width:100%; height:50%; position:absolute; z-index:1; content:''; left:0px; top:0px; background:#ffffff; }
.atalhos2 ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; padding: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.atalhos2 ul li { width: 28%; padding: 0px; height: auto; margin: 10px 0px; display: inline-block; vertical-align: top; position: relative; text-align:center; -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: 30px; -moz-border-radius: 30px; border-radius: 30px; overflow:hidden; }
.atalhos2 ul li .avatar { width: 100%; height: auto; position: relative; margin: 0px; overflow: hidden; vertical-align: top; display: inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; text-align:center; }
.atalhos2 ul li .avatar:before { width: 100%; height: 100%; position: absolute; z-index: 11; content: ''; left: 0px; top: 0px; background: rgb(108,124,148); background: linear-gradient(0deg, rgba(108,124,148,1) 25%, rgba(0,0,0,0.25) 100%);  }
.atalhos2 ul li .avatar img { position: relative; width: 100%; height: auto; z-index: 10; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:block; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.atalhos2 ul li .nome_atalho { width: 50%; padding: 15px 15px 15px 30px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); display: inline-block; font-size: 18px; font-family: var(--fonte-padrao); color: #ffffff; text-align: left; line-height: 20px; font-weight: 800; z-index:15;   -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.atalhos2 ul li:hover { margin: 2px 0px 18px 0px; }

@media screen and (max-width: 1100px) {
	section { padding: 20px 0px 30px 0px !important; }

	/*ENTRADA*/
	.scroll-indicator, .entrada_desktop { display:none; }

	/*ENTADA MOBILE*/
	.entrada_mobile { display: block; margin-top:0px; }
	
	.util, .util3 { text-align:center; }

	/*MISSÃO*/
	.nossa_missao { width:94%; padding: 50px 3%; }
	.nossa_missao img { width:100%; margin: 20px 0px; }
	.nossa_missao .missao { width: 100%; text-align:center; padding: 30px 0px 0px 0px; }
	.nossa_missao .missao h1, .nossa_missao .missao p { text-align:center; }
	.nossa_missao .missao .cta { cursor: pointer; float: none; display: inline-block; vertical-align: top; width: auto; margin: 10px 5px; }

	/*SBRE*/
	.sobre_empresa { padding: 50px 0px; }
	.sobre_empresa img { width:auto; max-width:100%; margin: 0px 0px 20px 0px; text-align:center; }
	.sobre_empresa .sobre { width: 100%;  text-align: center;  background: transparent !important; padding: 20px 0px; }
	.sobre_empresa .sobre h1, .sobre_empresa .sobre p { text-align: center; }
	.sobre_empresa .sobre .cta { cursor: pointer; float: none; display:inline-block; }

	/*ATALHOS 02*/
	.atalhos2 { width: 96%; position: relative; margin: 20px 0px; background:#ffffff; }
	.atalhos2:before { display:none; }
	.atalhos2 ul li { width: 100%; padding: 0px; height: auto; margin: 10px 5px; }
	.atalhos2 ul li .avatar img, .atalhos2 ul li .avatar { width: 100%; height: auto; }
	.atalhos2 ul li .nome_atalho { width: 50%; padding: 15px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

	/*INTERATIVA*/
	.interativa { width: 96%; padding: 50px 2%; text-align: center; }

	/*PODCAST*/
	.podcasts { width: 96%; padding: 40px 2% 25px 2%; }
	.podcasts ul { text-align:center; }
	.podcasts ul li { margin: 10px 0px ; text-align: center; width: 100%; float: none; }
	.podcasts ul li .avatar { width: auto; max-width: 350px; text-align: center; margin-bottom:20px; }
	.podcasts ul li .avatar img { width: 100%; }
	.podcasts ul li .resumo { width: 100%; position: relative; right: initial; top: initial; text-align: center; transform: translate(0,0); }
	.podcasts ul li .resumo .leia { width: 100%; text-align:center; }
	.podcasts .veja_mais_musicas, .podcasts ul li .resumo .nome_podcast { text-align:center; }

	/*VÍDEOS*/
	.videos { width: 96%; padding: 40px 2% 25px 2%; text-align: center; }
	.videos ul { text-align: center; }
	.videos ul li { width:100%; float: none; }
	.videos ul li .resumo { text-align: center; }
	.videos ul li .resumo .introducao_post, .videos ul li .resumo .titulo_post { text-align: center; }

	/*NOTÍCIAS*/
	.noticias { width: 96%; min-height: auto; padding: 0px 2%; text-align: center; margin: 10px 0px 20px 0px; padding: 50px 0px; }
	.noticias .veja_mais { display:none; }
	.noticias ul li { text-align:center; }
	.noticias ul li img { width: auto; max-width: 100%; float: none; display: inline-block; }
	.noticias ul li .infos { width: 94%; position: relative; right: initial; top: initial; transform:  translate(0,0); padding:15px 3%; }
	.noticias ul li .infos .leia_mais { text-align:center; width:100%; }
	.noticias ul li .infos .qual { text-align:center; }
	.noticias ul li:hover .infos { right: initial; }
	.frases { height:auto; position:relative; text-align:center; }
	.frases .frase { color:#ababab; width: 100%; font-size: 22px; line-height: 32px; letter-spacing: 0px; font-weight: 400; display:inline-block;  }
	.frases .frase .autor { width: 100%; height: auto; position: relative; text-transform: uppercase;  line-height: 14px; padding: 0px; color: var(--cor-texto-default); font-size: 14px; letter-spacing: 3px; font-weight: 300; }
	.noticias ul li { overflow: hidden; width: 100%; margin-bottom:30px; }
	.noticias ul li .infos .data { left: inherit; position: relative; margin-top:10px; }

	/*ATALHOS 01*/
	.atalhos { margin: 25px 0px; background: #ffffff; }
	.atalhos:before { display:none; }

	/*SOBRE*/
	.sobre_empresa { width: 94%; padding: 50px 3%; text-align: center; }
	.sobre_empresa .fundadores { width: 100%; margin: 0px 0px 20px 0px; text-align:center; }
	.sobre_empresa .fundadores .avatar { width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
	.sobre_empresa .fundadores .sobre { width: 100%; text-align:center; padding: 30px 0px 0px 0px; }
	.sobre_empresa .fundadores .sobre h1, .sobre_empresa .fundadores .sobre h2, .sobre_empresa .fundadores .sobre h3, .sobre_empresa .fundadores .sobre p { text-align:center; }
	.sobre_empresa .mais_fundadores { width: 100%; margin: 20px 0px 0px 0px; text-align:center; }
	.sobre_empresa .mais_fundadores .fundas { width: 100%; height: auto; margin: 0px 0px 20px 0px; text-align:center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
	.sobre_empresa .mais_fundadores .fundas .avatar { margin: 0px; }
	.sobre_empresa .mais_fundadores .fundas .sobre { width: 94%; text-align: center; padding: 30px 3% 20px 3%; }
	.sobre_empresa .mais_fundadores .fundas .sobre .nome_fundador, .sobre_empresa .mais_fundadores .fundas .sobre .lema, .sobre_empresa .mais_fundadores .fundas .sobre p { text-align:center; }
	.sobre_empresa .mais_fundadores .fundas:hover .avatar { margin: 0px; }
	.sobre_empresa .mais_fundadores .fundas:hover .sobre { padding: 25px 0px 0px 0px; }
	.sobre_empresa .fundadores:hover .sobre { padding: 30px 0px 0px 0px; }

	/*	BANNER*/
	.banner_principal { border-radius:15px; }
	.banner_principal #prev1 { left: 10px; background-size: 90% auto; width: 25px; height: 25px; }
	.banner_principal #next1 { right: 10px; background-size: 90% auto; width: 25px; height: 25px; }

	/*BANNER RODAPÉ*/
	.area_banner_rodape { margin-bottom: 25px; }
	.area_banner_rodape:before { display:none; }
	.banner_rodape img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
}