/* TOPO GUIA SÉRIE */
.under_hellobar_wrapper{display: none !important;}
.menu-usuario-devmedia{border-radius: 6px;}
body { position: relative; }
.under_hellobar_wrapper{top: 0 !important;}
.serie-topo-destaque { height: 662px; box-sizing: border-box; background: linear-gradient(to right, #253A44, #264159); position: relative; z-index: 3;}
.titulo-guia{font-family: "Montserrat", sans-serif; font-size: 40px; font-weight: 600; color: #fff; margin: 0; max-width: 485px;}
.titulo-guia.reduzido{font-size: 32px;}
.titulo-guia span{display: block;}
.bg-image-topo { background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-partiu_programar_android.jpg"); background-position: center; background-size: cover; height: 662px; width: 100%; position: absolute; opacity: 0.06; z-index: 1;}
.bg-image-topo.css { background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-css.jpg"); }
.bg-image-topo.redux{ background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-redux.jpg"); }
.bg-image-topo.autenticacao-web { background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-autenticacao.jpg");}
.bg-image-topo.sql{background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-sql.jpg");}
.bg-image-topo.gotour{background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-gotour.jpg");}
.bg-image-topo.http{background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-http.jpg");}
.bg-image-topo.android{background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-partiu_programar_android.jpg");}
.bg-image-topo.javascript{background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-javascript.jpg");}
.bg-image-topo.teste{background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-teste-unitario.jpg");}
.bg-image-topo.nfe{background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-nfe.jpg");}
.bg-image-topo.nodejs{background-image: url("https://www.devmedia.com.br/layout/home/imagem/bg-serie-javascript2.jpg");}
.bg-image-topo.docker{background-image: url("https://arquivo.devmedia.com.br/noticias/bg-serie-docker.jpg");}
.bg-pattern-topo { background-image: url("https://www.devmedia.com.br/layout/home/imagem/grid.png"); background-attachment: fixed; background-repeat: repeat; background-size: inherit; height: 662px; width: 100%; position: absolute; opacity: 1; z-index: 2; }
.conteudo-topo{height: 662px; position: absolute; display: flex; align-items: flex-start; z-index: 3; width: 100%; padding: 140px 146px 0 110px; box-sizing: border-box; justify-content: space-between; overflow-y: hidden;}
.label-serie-guia{ font-size: 16px; font-family: "Montserrat", sans-serif; background-color: #0AC5D4; color: #253A44; border: 1px solid #0AC5D4; width: 200px; border-radius: 23px 6px 23px 6px; height: 30px; display: flex; align-items: center; justify-content: center; font-weight: 400; margin-top: 0;}
.info-guia { /*margin-bottom: 50px;*/ min-height: 484px; max-width: 550px;}
.num_total_likes.voto-up{transform: scale(1.3);}

/* BUSCA SUGERIDA */
.form-busca.form-busca-off a.busca-sugerida { color: #fff; font-size: 11px; padding: 5px 10px; border: 1px solid #fff;   border-top: none; border-radius: 0 0 15px 15px; position: absolute; background-color: #2d414f; z-index: 3; top: 58px; left: 20px;text-transform: uppercase; box-sizing: border-box; text-align: center; width: 85% !important;}
/*.busca-sugerida-mobile{ text-decoration: none; color: #484848;}
.busca-sugerida-mobile p{ background-color: #f2f2f2; margin: 0; padding: 15px 0; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 12px; color: #484848; text-transform: uppercase;}*/
.form-busca-off{position: relative;}
.busca-sugerida-mobile { position: absolute; top: 75px; z-index: 3; width: 100%; background-color: transparent !important; text-decoration: none;}
.busca-sugerida-mobile p { background-color: transparent; padding: 10px 0; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 10px; color: #0ac5d4; text-transform: uppercase; border: 1px solid currentColor; width: 50%;    border-radius: 5px; margin: 0 auto;}
.busca-sugerida-mobile.oculto, .busca-sugerida.oculto{display: none;}
.busca-sugerida.oculto { display: block !important; top: 42px !important; border: 0 !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-top: none !important;}

/* TOPO - MENU DOS CURSOS */
.itens-guia-serie { font-size: 13px; font-family: "Montserrat", sans-serif; list-style: none; padding: 0; color: #6DF4FF; min-height: 220px; height: auto; border: 1px solid transparent; margin: 0;}
.item-guia-serie { margin-top: 30px; display: flex; align-items: center;}
.item-guia-serie:first-of-type { margin-top: 30px;}
.item-guia-serie .posicao-item-guia-serie { border: 1px solid #fff; height: 15px; width: 15px; display: inline-flex; justify-content: center; align-items: center; border-radius: 25px; font-size: 12px; position: relative; flex: 0 0 auto;}
.item-guia-serie .posicao-item-guia-serie:before { background-color: #fff; content: ""; height: 11px; width: 1px; display: block; position: absolute; left: 50%; top: 26px; transform: translateX(-50%);}
.itens-guia-serie .item-guia-serie:last-child .posicao-item-guia-serie:before { background-color: transparent;}
.item-guia-serie a { color: #0ac5d4; text-decoration: none; cursor: pointer;}
.titulo-item-guia-serie { padding-left: 20px; display: inline-flex; }

.ver-mais-itens { font-size: 14px; font-family: "Montserrat", sans-serif; color: #0ac5d4; margin-top: 32px; }
.ver-mais-itens .posicao-item-guia-serie { font-size: 14px; font-weight: 600; color: #253A44; background-color: #0AC5D4;border: none; height: 24px; width: 24px; display: inline-flex;justify-content: center; align-items: center; border-radius: 25px; position: relative; flex: 0 0 auto;}
.ver-mais-itens a { text-decoration: none; }
.ver-mais-itens a.item-hidden{display: none;}
.ver-mais-itens a.item-desabilitado span { color: #67808e !important;}
.ver-mais-itens .titulo-item-guia-serie { color: #fff;}

/* BOX INÍCIO GUIAS */
.banner-guias-inicio { display: flex; justify-content: center; background: #fff; height: 100%; width: 503px; box-shadow: 12px 15px 20px rgba(0,0,0,.16); z-index: 1; border-radius: 10px 10px 0 0; background: linear-gradient(to right, rgba(37, 58, 68,.7), rgba(38, 65, 89,.7));}
.container-guias-inicio { width: 314px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center;}
.container-guias-inicio .total-usuarios-views{margin-top: 30px;}
.container-guias-inicio > div{ width: 100%; }
.box-inicio { display: flex; align-items: center; margin-bottom: 35px; cursor: pointer;}
.container-svg { flex: 0 0 auto; width: 80px; fill: #fff; transform: scale(.95);}
.container-svg svg { width: 80px; height: 70px; display: flex; justify-content: center; align-items: center;}
.container-descricao { margin-left: 15px;}
.container-descricao .titulo-container-descricao { margin: 5px 0; color: #fff; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 600;}
.container-descricao .texto-container-descricao { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; color: #fff; margin: 5px 0;}
.botao-iniciar { font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase;text-align: center; text-decoration: none; border: 2px solid #0AC5D4; background-color: #0AC5D4; color: #253A44; margin: 30px 0 0; border-radius: 30px; height: 55px; display: flex; justify-content: center; align-items: center; box-shadow: 12px 15px 20px rgba(0,0,0,.16); box-sizing: border-box;}
.botao-iniciar:hover{color: #fff; background-color: transparent; transition: all 0.3s;}

.container-guias-inicio .svg-banner-guias-inicio{display: flex; justify-content: center; align-items: center;}
.container-guias-inicio .svg-banner-guias-inicio svg{width: 95px !important;}
.container-guias-inicio .svg-banner-guias-inicio svg path{fill: #325068;}
.container-guias-inicio .total-usuarios-views p { font-size: 82px; font-family: "Montserrat", sans-serif; font-weight: 500; color: #fff;text-align: center; margin: 0;}
.container-guias-inicio .texto-usuarios-views { margin-top: 6px;}
.container-guias-inicio .texto-usuarios-views p {font-size: 20px; font-family: "Montserrat", sans-serif; font-weight: 300; color: #0AC5D4; text-align: center; margin: 0 auto; max-width: 260px; line-height: 28px;}
.container-guias-inicio .link-banner-guias-inicio { margin-top: 53px; }
.link-banner-guias-inicio .botao-iniciar { width: 314px;}

/* MENU LATERAL TOPO */
.menu-right-guia { position: absolute; bottom: 0; right: 0; width: 142px; display: flex; justify-content: center; flex-wrap: wrap;}
.menu-right-guia .item-menu-right { display: block; width: 100%; display: flex; justify-content: center; text-align: center; margin-top: 35px;}
.menu-right-guia .item-menu-right svg { height: 35px; width: 35px;}
.menu-right-guia .item-menu-right-svg svg { cursor: pointer; }
.menu-right-guia .action-menu-sub-icone-topo { opacity: 0; display: flex; margin-bottom: 40px; transition: .3s ease opacity; width: 100%;}
.menu-right-guia .social-icone { flex: 1 1 auto; width: 50%; transition: all .3s ease;}
.menu-right-guia .social-icone a { display: inline-block; width: 100%; height: auto; text-decoration: none; color: inherit;}
.menu-right-share svg { position: relative; left: 7px;}
.midia-social:hover .action-menu-sub-icone-topo{opacity: 1; transition: .3s ease opacity;}
.item-menu-right-like .item-menu-right-svg {display: flex; justify-content: center; align-items: center; border-radius: 50px; border: 1px solid #0AC5D4; height: 58px; width: 58px; position: relative;}
.menu-right-guia .total_likes_topo.num_total_likes { font-size: 9px; font-family: "Roboto", sans-serif; font-weight: 700; position: absolute; bottom: 3px; right: -7px; background-color: #0AC5D4;  /*color: #fff;*/ color: #253A44; width: 25px; height: 15px;    display: flex; justify-content: center; align-items: center; border-radius: 8px;}
.svg-facebook path { fill: #4267b2; }
.svg-twitter path { fill: #55acee; }
.midia-social{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.midia-social:hover .action-menu-sub-icone-topo{display: flex !important;}
.area-devcast .midia-social .action-menu-sub-icone-topo{display: none;}
.midia-social:hover .icone-svg.svg-share{display: none;}

/* MENU LATERAL ESQUERDA */
.menu-lateral-left { position: fixed; width: 18.5vw; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; top: 30vh; /*transform: translateY(-50%);*/ z-index: 1; transition: .3s ease opacity; z-index: 2;}
.menu-lateral-left.hidden{ opacity: 0; transition: .3s ease opacity;}
.menu-lateral-left[mf-menu-fixed="fixed"]{opacity: 0; transition: .3s ease opacity;}
.menu-lateral-left .item-menu-lateral-left { width: 100%; display: flex; justify-content: center; text-align: center; margin-top: 35px;}
.item-menu-lateral-left.item-menu-lateral-left-comentario{margin-top: 20px;}
.menu-lateral-left .item-menu-lateral-left svg { height: 35px; width: 35px; cursor: pointer;}
.item-menu-lateral-left-like .item-menu-lateral-left-svg { display: flex; justify-content: center; align-items: center; border-radius: 50px; border: 1px solid #0AC5D4; height: 58px; width: 58px; position: relative; transition: .3s ease all;}
.item-menu-lateral-left-share .item-menu-lateral-left-svg{padding-left: 10px;}
.menu-lateral-left.dark .total_likes_lateral.num_total_likes { font-size: 9px; font-family: "Roboto", sans-serif; font-weight: 700; position: absolute; bottom: 3px; right: -7px; background-color: #0AC5D4; color: #253A44; width: 25px; height: 15px;    display: flex; justify-content: center; align-items: center; border-radius: 8px;}
.menu-lateral-left .total_likes_lateral.num_total_likes { font-size: 9px; font-family: "Roboto", sans-serif; font-weight: 700; position: absolute; bottom: 3px; right: -7px; background-color: #0AC5D4; color: #fff; width: 25px; height: 15px;    display: flex; justify-content: center; align-items: center; border-radius: 8px;}
.item-menu-lateral-left .menu-lateral-left.dark .total_likes_lateral.num_total_likes{ color: #253A44;}
.item-menu-lateral-left.like-usuario .menu-lateral-left.dark .total_likes_lateral.num_total_likes{ color: #0ac5d4;}
.item-menu-lateral-left.item-menu-lateral-left-share > div { display: flex; flex-wrap: wrap;}
.item-menu-lateral-left-share .midia-social .action-menu-sub-icone-topo {display: none; width: 100%;}
.item-menu-lateral-left-share .midia-social:hover > svg{display: none; transition: .3s ease display;}
.item-menu-lateral-left-share .midia-social:hover .action-menu-sub-icone-topo{display: block; transition: .3s ease display;}
.item-menu-lateral-left-share .facebook-share{color: transparent;}

/* MENU TRILHA */
.menu-trilha { position: fixed; top: 30vh; right: 0; width: 27.5vw; display: flex; justify-content: center; align-items: center; transition: .3s ease opacity; z-index: 1; /*max-width: 270px;*/ max-width: 240px;}
.menu-trilha.hidden{ opacity: 0; }
.menu-trilha ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; position: relative;  
width: 90%; max-height: calc(100vh - 150px);}
.menu-trilha[mf-menu-fixed="fixed"]{opacity: 0; transition: .3s ease opacity;}
.menu-trilha ul li { text-align: center; border-radius: 10px; display: flex; align-items: center; flex-direction: row-reverse; transition: .4s ease all; margin: 30px 40px; position: relative;}
/*.menu-trilha ul li:nth-child(even) { position: relative; justify-content: flex-start; left: 50%;} */
.menu-trilha .active { transition: .4s ease all;}
.menu-trilha .active .indice { /*background-color: #0AC5D4;*/ width: 19px; height: 19px; color: #fff;}
.menu-trilha .active .indice:after { content: ""; background-color: #0ac5d4; position: absolute; width: 9px; height: 9px;    border-radius: 20px;}
.menu-trilha.dark.darkblue .active .indice:after{background-color: #fff;}
/*.menu-trilha .active .indice:nth-child(even) { right: -14px;}*/
/*.menu-trilha .active .indice { left: -12px;}*/
.menu-trilha ul li.active .item{color: #0AC5D4;}
.menu-trilha ul li .item { font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-decoration: none; color: #8795A2; background-color: transparent; margin-right: 30px; border-radius: 6px; display: flex; justify-content: center; text-transform: capitalize;}
.menu-trilha.dark ul li .item{color: #fff;}
.menu-trilha.dark ul li.active .item { color: #0AC5D4;}
.menu-trilha ul li .item.hidden{opacity: 0;}
.menu-trilha .item { position: absolute; right: 11px;}
/*.menu-trilha .item:nth-child(even) { position: absolute; left: 11px;} */
.menu-trilha .indice { font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 500; color: #0AC5D4; border: 1px solid #0AC5D4; background-color: transparent; border-radius: 25px; transition: .4s ease all; z-index: 1; text-decoration: none; width: 19px; height: 19px; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.menu-trilha li:not(:nth-last-child(1)) .indice:before { background-color: #0AC5D4; content: ""; height: 15px; width: 1px;display: block; position: absolute; left: auto; top: 28px; transform: translateX(-50%); margin: auto 0;}
.menu-trilha .indice-impar{ position: relative; right: -14px;}
.menu-trilha .indice-par { position: relative; left: -13px;}
.menu-trilha.dark.darkblue ul li.active .item{color: #fff;}
.menu-trilha.dark.darkblue .active .texto-branco{color: #fff !important; background-color: transparent !important;}

/* CONTEÚDO DO GUIA */
.main-guia{width: 100%;}
.main-guia .conteudo-guia { word-wrap: break-word;}
.intro-area_guia .text-content_guia, .content-area_guia.secao-par .text-content_guia { font-family: "Source Serif Pro"; margin: 0; color: #253A44;}
.conteudo-guia div{box-sizing: border-box;}
.conteudo-guia img, .conteudo video{max-width: 100%; margin: 30px 0; border-radius: 10px;}
.conteudo-guia h2, .conteudo-guia h3{margin: 0 0 20px 0; font-size: 30px; color: #253A44; font-family: "Montserrat", sans-serif; font-weight: 700; position: relative; z-index: 1;}
.conteudo-guia .identificador-container{position: absolute; left: 30px; top: -60px; font-size: 419px; font-family: "Montserrat", sans-serif; opacity: 1; font-weight: 600;}
.conteudo-guia .identificador-container.identificador-gami{opacity: .25; color: #000; left: 0;}
/*.gami-secao .identificador-container:not(.identificador-gami){display: none;}*/
.gami-comunidade .identificador-container{top: -70px;}

.conteudo-guia p{font-size: 19px; /*line-height: 2em;*/ line-height: 35px; position: relative; z-index: 1;}
.conteudo-area-branca, .conteudo-area-preta{width: 100%; position: relative; padding: 80px 0;}
.conteudo-guia .content-area_guia { width: 777px; margin: 0 auto;}
.conteudo-guia .text-content_guia a{font-family: "Montserrat"; color: #253a44; border-bottom: 2px solid #0AC5D4; padding-bottom: .2em; text-decoration: none; transition: all .2s ease; font-size: 14px; line-height: 35px; font-weight: 600;}
.conteudo-guia .text-content_guia a:hover{color: #0AC5D4;}
.conteudo-guia .content-area_guia.conteudo-aprenda{width: 777px; margin: 0 auto;}
.conteudo-area-preta { background: linear-gradient(to top, #253A44, #264159); padding: 80px 0;}
.conteudo-area-preta h3{color: #fff; text-align: left; font-size: 40px; margin-bottom: 30px; position: relative; z-index: 1;}
.conteudo-area-preta .conteudo-aprenda h3{text-align: center;}
.conteudo-area-preta h3 span{display: block;}
.conteudo-aprenda-curso a, .conteudo-aprenda-curso-andamento a{display: none;}
.conteudo-area-branca .identificador-container { color: #F8FAFB; z-index: -1;}
.conteudo-area-preta .identificador-container { color: #364F66; }
.conteudo-area-preta.conteudo-secao-projetos .identificador-container{color: #227e99;}
.conteudo-area-preta.conteudo-secao-projetos .background-projetos { background-image: url("https://www.devmedia.com.br/series/img/img-tecnologias.jpg"); background-position: center;
background-size: cover; height: 100%; width: 100%; position: absolute; opacity: .1; z-index: 0; top: 0; left: 0;}
.conteudo-area-preta.gami-secao .identificador-container { color: rgba(0, 0, 0, .35); }
.conteudo-area-preta .text-content_guia { color: #0AC5D4; font-family: "Montserrat", sans-serif; font-size: 16px; margin: 30px 0; position: relative; z-index: 1;}
.conteudo-area-preta .link { text-decoration: none; font-family: "Montserrat", sans-serif; color: #fff; background-color: #0AC5D4; border-radius: 25px; height: 50px; display: inline-flex; justify-content: center; align-items: center; width: 250px; box-shadow: 12px 15px 20px rgba(0,0,0,.16); position: relative; z-index: 1;}
.conteudo-guia .projetos-completos-titulo { font-size: 22px; color: #8795A2; font-family: "Montserrat", sans-serif; margin-bottom: 10px; margin-top: 40px; display: flex; align-items: center;}
.projetos-completos-titulo svg { height: 25px; width: 35px; margin-left: 8px;}
.conteudo-guia .conteudo-mobile { display: none; }
.conteudo-guia .bg-pattern-topo { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.conteudo-guia .conteudo-area-branca .bg-pattern-topo{background-image: url("https://www.devmedia.com.br/layout/home/imagem/grid-light.png"); z-index: -1; opacity: 1;}
.conteudo-guia .conteudo-area-preta .bg-pattern-topo { background-image: url("https://www.devmedia.com.br/layout/home/imagem/grid.png"); z-index: 0; opacity: 1;}

/* SEÇÃO VÍDEOS COMPLEMENTARES */
.conteudo-area-preta.area-secao-videos-complementares{/*background: linear-gradient(to right, rgba(0, 126, 174, .85), rgba(26, 193, 187, .85));*/}
.conteudo-area-preta.area-secao-videos-complementares p:empty { display: none; }
.conteudo-area-preta.area-secao-videos-complementares h3{text-align: left;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia p { color: #fff; font-family: "Montserrat", sans-serif; font-size: 14px; text-align: left; line-height: 28px;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares { width: 100%; margin-top: 45px;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar { padding: 0; box-sizing: border-box; /*height: 210px;*/ width: 374px; position: relative;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar .banner-player{ transform-origin: center; display: block;
width: 50px; height: 50px; background-repeat: no-repeat; background-image: url("https://www.devmedia.com.br/layout/home/imagem/player-home.svg"); position: absolute; z-index: 4; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 50%; transition: .4s; cursor: pointer; background-color: #454545; display: none;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar .efeito-gradiente { width: 100%; height: 100px; position: absolute; bottom: 0; background: linear-gradient(to bottom, transparent, #000);}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar .background-video { width: 100%; height: 100%; position: absolute; background-color: #454554; opacity: 0.35; cursor: pointer;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .area-texto-video-complementar { position: absolute; left: 0; bottom: 0; z-index: 1; display: flex;flex-wrap: wrap; width: 100%; padding: 0 20px 20px 20px;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar.blue{background-color: blue;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar.red{background-color: red;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar.brown{background-color: green;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar .img-meetup{max-height: 100%;height: 100%; /*min-height: 190px;*/ object-fit: cover; max-height: 185px;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .texto-video-complementar {font-size: 15px !important; font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 16px; margin: 10px 0 0 0; padding: 0; width: 100%;}
.conteudo-area-preta.area-secao-videos-complementares .content-area_guia .tipo-video-complementar { z-index: 1; color: #253A44; background-color: #01CD6A; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; padding: 4px 15px;}
.ant.slick-arrow, .prox.slick-arrow {position: absolute; background: none; border: none; font-family: "Montserrat", sans-serif; font-size: 14px; color: #8e9ba8; cursor: pointer; display: flex !important; align-items: center; justify-content: center; margin: 0; top: 50%; transform: translateY(-50%);}
.ant.slick-arrow { display: flex !important; justify-content: flex-end; left: -65px;}
.prox.slick-arrow {  display: flex !important; justify-content: flex-start; right: -65px;}
p.prox.slick-arrow:hover .slide-next { position: relative; left: 2px;}
p.ant.slick-arrow:hover .slide-prev { position: relative; right: 2px;}
.videos-complementares .slick-arrow svg{height: 35px;}
.anterior, .proximo { font-size: 28px; color: #8795A2; padding: 0 20px; cursor: pointer; height: 40px; display: flex; justify-content: center; align-items: center;}
.anterior {border-radius: 5px 0 0 5px; transform: rotate(180deg); }
.proximo { border-radius: 0 5px 5px 0; }
.seta { fill: none; stroke: #d0d0d0; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;}
.slick-slide img{/*height: 400px;*/ margin: 0 !important;}

.conteudo-area-preta.area-secao-videos-complementares .slick-dots{position: relative; margin-bottom: 25px;}
.conteudo-area-preta.area-secao-videos-complementares .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 6px; height: 6px; padding: 5px; cursor: pointer;    color: #fff; border: 1px solid #19797b; border-radius: 50px; background: #f5f5f5;}
.conteudo-area-preta.area-secao-videos-complementares .slick-dots li.slick-active button:before { opacity: .75; color: transparent; background-color: #007f86;}
.conteudo-area-preta.area-secao-videos-complementares .slick-dots li button:before{color: transparent;}
.conteudo-area-preta.area-secao-videos-complementares .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: -2px; left: -2px; width: 6px; height: 6px; content: ''; text-align: center; opacity: .25; color: #37bfc3; -webkit-font-smoothing: antialiased; padding: 5px; border-radius: 50px;}
.area-secao-videos-complementares .text-content_guia{text-align: center;}
.area-secao-videos-complementares .img-meetup{border-radius: 0;}
.area-secao-videos-complementares .texto-video-complementar { text-align: center; font-size: 19px !important; margin-top: 5px; padding: 0 20px;}
.area-secao-videos-complementares .url-meetup { text-decoration: none;}
.area-secao-videos-complementares .url-meetup:nth-child(2) .video-complementar { margin-right: 0; margin-left: auto;}


/* SEÇÃO ACESSO EXCLUSIVO */
.conteudo-area-branca.area-acesso-conteudo-exclusivo { display: flex; justify-content: center; align-items: center; height: 150px; background-color: #20A1C6; padding: 0; background: linear-gradient(to right, #0a78bb, #1bafc0);}
.conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp{display: flex;}
.conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp p { margin: 0; color: #fff; font-size: 22px; font-family: 'Montserrat', sans-serif; display: flex;    align-items: center;}
.conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp a { width: 190px;  height: 50px; text-decoration: none; display: flex; justify-content: center; align-items: center; background-color: #fff;    border-radius: 29px; font-size: 14px; font-family: 'Montserrat', sans-serif; color: #0B80C1; text-transform: uppercase; font-weight: 600; margin-left: 60px; box-shadow: 12px 15px 20px rgba(0,0,0,.16);}

/* SEÇÃO CONTEÚDO APRENDA */
.conteudo-area-branca.secao-conteudo-aprenda{ padding: 80px 0 120px;}
.conteudo-aprenda h3 { color: #253A44; }
.conteudo-area-preta .conteudo-aprenda h3 { color: #fff; }
.titulo-conteudo-aprenda{margin-bottom: 55px !important;}
.item-conteudo-aprenda-curso {width: 100%; display: flex; justify-content: center; align-items: flex-start; position: relative; z-index: auto; height: 250px; z-index: 4;}
.item-conteudo-aprenda-curso:hover { z-index: 10;}
.conteudo-aprenda-curso, .conteudo-aprenda-curso-andamento { width: 345px; background-color: #fff; display: flex; flex-wrap: wrap; padding: 32px 45px; box-shadow: 12px 15px 20px rgba(17, 136, 233, 0.05); border-radius: 5px; height: auto; position: relative; left: 27.5%; transition: .3s ease all; z-index: 3;}
.box-secao-aprenda { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; }
.box-secao-aprenda .tipo-box-secao-aprenda { display: inline-block; background-color: #253A44; color: #fff; font-size: 11px; font-family: "Montserrat", sans-serif; border-radius: 16px 4px; margin: 0; height: 23px; font-weight: 700; width: 72px;    justify-content: center; align-items: center; display: flex;}
.box-secao-aprenda .titulo-box-secao-aprenda { display: block; width: 100%; font-size: 16px; font-family: "Montserrat", sans-serif; color: #253A44; font-weight: 700; margin-top: 15px; line-height: 28px;}
.box-secao-aprenda .descricao-box-secao-aprenda { display: none; width: 100%; color: #253A44; font-size: 14px; line-height: 24px; font-family: "Montserrat", sans-serif;font-weight: 500;} 
.box-secao-aprenda .info-box-secao-aprenda { display: flex; width: 100%; margin: 20px 0 0; justify-content: flex-start; flex-wrap: wrap;}
.box-secao-aprenda .info-box-secao-aprenda > div { display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; /*width: 100%;*/ font-family: "Montserrat", sans-serif; color: #253A44; font-size: 12px; font-weight: 500;}
.box-secao-aprenda .info-box-secao-aprenda .info-box-codigo-fonte{width: 190px; flex: 0 0 auto;}
/*.box-secao-aprenda .info-box-secao-aprenda .info-box-aulas, .box-secao-aprenda .info-box-secao-aprenda .info-box-suporte{flex: 1 1 auto;}*/
.box-secao-aprenda .info-box-secao-aprenda .info-box-aulas .sub-info-box-aulas-svg, .box-secao-aprenda .info-box-secao-aprenda .info-box-aulas .sub-info-box-aulas-texto, .box-secao-aprenda .info-box-secao-aprenda .info-box-suporte .sub-info-box-suporte-svg, .box-secao-aprenda .info-box-secao-aprenda .info-box-suporte .sub-info-box-suporte-texto { /*width: 100%;*/ display: flex; justify-content: flex-start;}
.box-secao-aprenda .info-box-secao-aprenda .info-box-aulas .sub-info-box-aulas-svg, .box-secao-aprenda .info-box-secao-aprenda .info-box-suporte .sub-info-box-suporte-svg{margin-right: 10px;}
.sub-info-box-aulas-svg, .sub-info-box-visualizacoes-svg{display: none !important;}

.conteudo-area-preta .conteudo-aprenda-curso, .conteudo-aprenda-curso-andamento { width: 345px; background-color: #fff; display: flex; flex-wrap: wrap; padding: 32px 45px; box-shadow: 12px 15px 20px rgba(0,0,0,.16); border-radius: 5px; height: auto; position: relative; left: 27.5%; transition: .3s ease all; z-index: 3;}

.box-secao-aprenda .info-box-secao-aprenda .info-box-aulas{width: 100%;}
.box-secao-aprenda .info-box-secao-aprenda .info-box-suporte{margin-top: 25px; width: 100%;}
.box-secao-aprenda .info-box-visualizacoes { height: 26px; display: flex; align-items: center; justify-content: flex-start; margin: 15px 0;}
.box-secao-aprenda .info-box-visualizacoes .sub-info-box-visualizacoes-svg { display: flex; align-items: center; justify-content: flex-start; margin-right: 10px;}
.box-secao-aprenda .info-box-visualizacoes .sub-info-box-visualizacoes-texto { font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #253A44;}
.box-secao-aprenda .info-box-visualizacoes .sub-info-box-visualizacoes-texto span { font-weight: 700;}
.box-secao-aprenda .info-box-visualizacoes .sub-info-box-visualizacoes-svg svg path { stroke: #C5CED5; fill: #C5CED5;}

.conteudo-aprenda-curso-link { font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; position: absolute; bottom: -20px; text-decoration: none; background-color: #0ac5d4; color: #fff; height: 45px; width: 283px; border-radius: 25px; justify-content: center; align-items: center; text-transform: uppercase; left: 50%;  transform: translateX(-50%);}
/*.sub-info-box-aulas-texto.blue-border{border-right: 1px solid #0AC5D4;}*/
.sub-info-box-aulas-texto, .sub-info-box-codigo-fonte-texto, .sub-info-box-suporte-texto{text-align: center;}

.box-secao-aprenda .sub-info-box-codigo-fonte-texto { border-left: 1px solid #0AC5D4; border-right: 1px solid #0AC5D4;    padding: 0 15px; margin: 0 5px;}
.box-secao-aprenda svg { height: 25px; width: 25px;}
.container-bullet { height: inherit; z-index: 3;}

.mais-cursos-aprenda-container { margin-top: 125px;}
.mais-cursos-aprenda-container p { text-align: center; }
.mais-cursos-aprenda-container p a { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 600; color: #fff;}

/*.item-conteudo-aprenda-curso:nth-child(odd) .conteudo-aprenda-curso, .item-conteudo-aprenda-curso:nth-child(odd) .conteudo-aprenda-curso-andamento { left: 249px; left: 27.5%; right: unset;}*/
.conteudo-aprenda-curso.conteudo-aprenda-curso-impar{right: 27.5%; left: unset;}

.categoria-aprenda-curso {display: flex; justify-content: center; margin-bottom: 90px; position: relative; margin-top: 80px;}
.categoria-aprenda-curso p { margin: 0; border: 2px solid #C5CED5; color: #C5CED5; font-family: "Montserrat", sans-serif; font-weight: 700; padding: 5px 23px; border-radius: 6px; position: relative; text-transform: uppercase;}
.conteudo-area-preta .categoria-aprenda-curso p{color: #0AC5D4; border: 2px solid #0AC5D4;}
.categoria-aprenda-curso:after { content: ""; width: 2px; height: 50px; background-color: #C5CED5; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%);}

.conteudo-area-preta .categoria-aprenda-curso p { margin: 0; border: 2px solid #0AC5D4; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 700; padding: 5px 23px; border-radius: 6px; position: relative; text-transform: uppercase;}
.conteudo-area-preta .categoria-aprenda-curso:after { content: ""; width: 2px; height: 50px; background-color: #0AC5D4; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%);}

/* SLIDER */
.slider-box .slider-inner-area { margin: 30px 0 25px 0; }
.slider-box .slide-pagination { display: flex; justify-content: center; align-items: center; padding: 5px;}
.slider-box .slide-pagination-item { background-color: #C5CED5; border: none; margin: 0 9px;}
.slider-box .slide-pagination-item.active { background-color: #0AC5D4; border: 1px solid #0AC5D4; padding: 10px;}

/* PROJETOS */
.conteudo-area-preta.conteudo-secao-projetos { background: linear-gradient(to right, rgba(0, 126, 174, .85), rgba(26, 193, 187, .85));}
.projetos-completos-box { display: flex; justify-content: flex-start; margin-top: 30px; flex-wrap: wrap;}
.projetos-completos-box .projeto-completo-box { display: flex; flex-wrap: wrap; border: 2px solid #0AC5D4; border-radius: 5px; width: calc(100%/3 - 20px); flex-direction: column; justify-content: space-between; align-items: center; padding: 25px; margin: 0; margin-right: 20px; margin-bottom: 20px;}
.projetos-completos-box .projeto-completo-box:nth-child(3), .projetos-completos-box .projeto-completo-box:nth-child(6), .projetos-completos-box .projeto-completo-box:nth-child(9){margin-right: 0;}
.projetos-completos-box .projeto-completo-box .projeto-texto p { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 500; margin: 0; text-align: center; line-height: 24px;}
.projetos-completos-box .projeto-completo-box .projeto-link { margin-top: 25px;}
.projetos-completos-box .projeto-completo-box .projeto-link .ver-projeto {  font-size: 14px; font-family: "Montserrat", sans-serif; text-decoration: none; color: #fff; background-color: #0AC5D4; height: 37px; width: 170px; border-radius: 25px; display: flex; justify-content: center; align-items: center;}

.conteudo-secao-projetos .bg-pattern-topo{z-index: -1 !important;}

.projeto-box{width: 100%;height: auto; display: flex; flex-wrap: wrap;background-color: #fff; box-shadow: 12px 15px 20px rgba(19, 86, 174, .16); position: relative; margin: 70px 0;padding: 25px 70px 60px; z-index: 1;width: 777px; box-sizing: border-box;border-radius: 10px; min-height: 227px;}
.projeto-box:last-of-type {margin-bottom: 30px;}
.projeto-box .projeto-tag {  width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center; border-radius: 40px 12px;}
.projeto-box .projeto-tag p{ font-size: 14px; font-family: "Montserrat"; color: #fff; text-transform: uppercase; font-weight: 600; margin: 0;}
.projeto-box .projeto-tag p { font-size: 14px; font-family: "Montserrat"; color: #253A44; text-transform: uppercase; font-weight: 600; margin: 0; background-color: #F8FAFB; height: 30px; display: flex; justify-content: center; align-items: center; width: 157px; border: 1px solid #C5CED5; border-radius: 40px 12px;}
.projeto-info-tags{display: flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;width: 100%;margin-top: 10px;}
.projeto-info-tags > a{text-decoration: none; /*display: flex; */margin-right: 15px; margin-bottom: 15px;}
.projeto-info-tags > a > span{  font-size: 13px; font-family: "Montserrat", sans-serif; font-weight: 500; color: #0AC5D4; border: 1px solid #C5CED5; border-radius: 3px; padding: 2px 10px; }
.projeto-box-titulo {width: 100%; display: flex; justify-content: flex-start; margin: 20px 0;}
.ficha-tecnica{width: 100%;font-family: "Montserrat", sans-serif;margin: 20px 0; font-size: 12px;}
.ficha-tecnica.ficha-playlist{margin-top: -30px;}
.projeto-livecoding {background: #2489a9; font-size: 14px; color: #fff; padding: 10px 25px; border-radius: 20px 20px 0 0; font-family: montserrat; font-weight: 600; margin-top: 20px; }

.projeto-box-titulo p, .projeto-box-titulo a {font-size: 20px;font-family: "Montserrat", sans-serif;color: #253A44;margin: 0;font-weight: 600;text-decoration: none;line-height: 28px;}
.projeto-box-tecnologias{width: 100%; display: flex; justify-content: flex-start; margin-bottom: 25px; flex-wrap: wrap;}
.projeto-box-tecnologias span{font-size: 14px; font-family: "Montserrat", sans-serif; color: #8795A2;display: flex;justify-content: center; align-items: center; margin-right: 35px; margin-top: 10px; font-weight: 500;}
.projeto-box-nivel{width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.projeto-box-nivel .projeto-box-nivel-titulo{ font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 500; color: #8795A2; width: 100%; margin: 0;}
.projeto-box-nivel .projeto-box-niveis-indicadores{width: 100%; height: 10px; border-radius: 10px; display: flex; margin-top: 10px; border: 1px solid #D4DFE8; padding: 0 5px 0 0;}
.projeto-box-niveis-indicadores div{ /*height: inherit;*/ width: calc(100%/5); margin-right: 2px; position: relative;}
.projeto-box-nivel-indicador.ativo .bullet-nivel { height: 10px; width: 10px; position: absolute; border: 2px solid #fff; border-radius: 10px; right: -7px; background-color: #0ac5d4; bottom: -3px; display: none; z-index: 1;}
.projeto-box-nivel-indicador .bullet-nivel { height: 4px; width: 4px; position: absolute; border-radius: 10px; right: -4px; background-color: #0ac5d4; bottom: 2px; z-index: 1;}
.projeto-box-nivel-indicador.ativo:last-child .bullet-nivel{display: block;}
.projeto-box-niveis-indicadores .projeto-box-nivel-indicador:first-child{border-radius: 10px 0 0 10px;}
.projeto-box-niveis-indicadores .projeto-box-nivel-indicador:last-child{border-radius: 0 10px 10px 0;}
.projeto-box-nivel .projeto-box-niveis-indicadores .projeto-box-nivel-indicador{background-color: #FFFFFF;}
.projeto-box-nivel .projeto-box-niveis-indicadores .projeto-box-nivel-indicador.ativo{background-color: #0AC5D4;}
.projeto-box-links{position: absolute;bottom: -25px;right: auto;display: flex;width: auto;left: 50%;transform: translateX(-50%);}
.projeto-box-links a{font-size: 14px;font-family: "Montserrat", sans-serif;font-weight: 600;text-transform: uppercase;display: flex;justify-content: center;align-items: center;height: 50px;border-radius: 29px;text-decoration: none;}
.projeto-box-links .link-run{color: #0AC5D4; background-color: #fff; border: 1px solid #0AC5D4; width: 117px; margin-right: 25px;}
.projeto-box-links .link-projeto{color: #fff;background-color: #253b47; /*width: 100%;*/}
.projeto-box-links .link-projeto.acesso-projeto { width: 200px; margin-left: 20px;}
.projeto-box-links .link-projeto.projeto-executavel { width: 200px;}

#slide-comp { display: none; }
.projeto-box-tecnologias svg { height: 17px; width: 17px; margin-right: 10px;}
.projeto-box-tecnologias svg path, .projeto-box-tecnologias svg ellipse { transform: scale(0.6);}
.sub-info-box-codigo-fonte-svg { width: 100%; justify-content: center; display: flex;}

.conteudo-secao-projetos .dados-projetos { /* height: 108px; */ width: 100%; display: flex; margin-top: 20px; align-items: center;}
.conteudo-secao-projetos .dados-projetos .icones-download-projeto svg { height: 35px; width: 35px;}
.conteudo-secao-projetos .dados-projetos .icone-download-projetos { height: inherit; width: 126px; margin-right: 22px;}
.conteudo-secao-projetos .dados-projetos .icone-download-projetos svg { height: inherit;}
.conteudo-secao-projetos .dados-projetos .dados { flex: 1 1 auto; display: flex; flex-wrap: wrap;}
.conteudo-secao-projetos .dados-projetos .dados .texto_dados { width: 100%; display: flex; align-items: flex-end;}
.conteudo-secao-projetos .dados-projetos .dados .texto_dados a { color: #fff; font-size: 15px; font-weight: 600;}
.conteudo-secao-projetos .dados-projetos .dados .texto_dados p { font-size: 17px; font-family: "Montserrat", sans-serif;    color: #6DF4FF; margin: 0; line-height: 20px;}
.conteudo-secao-projetos .dados-projetos .dados .total_downloads { width: 100%; }
.conteudo-secao-projetos .dados-projetos .dados .total_downloads p{ font-size: 91px; font-family: "Montserrat", sans-serif; font-weight: 700; color: #6DF4FF; margin: 0; line-height: 91px;}
.conteudo-secao-projetos .dados-projetos .visualzacoes-projeto{margin-left: 15px}
.conteudo-secao-projetos .dados-projetos .visualzacoes-projeto p{margin: 0; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 24px;}
.conteudo-secao-projetos .dados-projetos .visualzacoes-projeto p span{font-weight: 600;}

.conteudo-secao-projetos .mais-videos-projetos { width: 100%; display: flex; flex-wrap: wrap; margin-top: 15px;}
.conteudo-secao-projetos .mais-videos-projetos .titulo-mais-video-projeto{width: 100%;}
.conteudo-secao-projetos .mais-videos-projetos .titulo-mais-video-projeto p{margin: 0; font-size: 14px; font-family: "Montserrat", sans-serif;}
.conteudo-secao-projetos .mais-videos-projetos .videos-projeto { width: 100%; display: flex; align-items: flex-start;}


.samba-playlist-item *{ pointer-events:none;}
.samba-playlist-wrapper {  order: 1; margin: 30px 0 60px;}
.samba-video-include { flex-wrap: wrap;}
.samba-playlist-item { display: inline-flex; width: 100%; background-color: white; color: black; text-decoration: none; flex-direction: column; flex-wrap: wrap; flex: 0 0 auto; overflow: hidden; border-radius: 5px; border: 1px solid #dedede; box-sizing: border-box; opacity: 0.8; transition: all .2s ease;}
.samba-playlist-image-wrapper { width: 100%; flex: 0 0 auto;}
.samba-playlist-text-wrapper { flex: 1 1 auto; display: flex; align-items: center; padding: 15px; font-size: 20px;}
.samba-playlist-image { width: 100%;}
.samba-playlist-item.active { opacity: 1; box-shadow: 0 0 12px 1px rgba(0, 0, 0, .16);}
.glide__slide {height: unset;display: inline-flex;}
.samba-playlist-arrow { border-radius: 50px; height: 45px; width: 45px; border: 1px solid  #dedede; background-color: rgb(255, 255, 255); color: #333333; font-weight: 700; font-size: 30px; line-height: 30px; pointer-events: visible; cursor: pointer; outline: none; box-shadow: 3px 6px 12px rgba(0, 0, 0, .16); transition: all .2s ease;}
.samba-playlist-arrow-area { position: absolute; display: flex; justify-content: space-between; width: 100%; padding: 20px; pointer-events: none;}
.samba-playlist-wrapper { display: flex; align-items: center;}
.arrow-svg { height: 35px; width: 35px; fill: red; stroke: black;}
.samba-playlist-arrow-img { height: 20px; width: 20px; transform: translate(-2px); opacity: 0.8;}
.samba-playlist-arrow-next .samba-playlist-arrow-img { transform: scale(-1) translate(-2px);}
.samba-playlist-arrow:hover { transform: scale(1.1);}
.samba-playlist-arrow:hover .samba-playlist-arrow-img{ opacity: 1;}
.samba-playlist-bullet-area { bottom: -20px; width: 100%; left: unset; transform: unset; pointer-events: none; display: flex; justify-content: center;}
.samba-playlist-bullet { width: 20px; height: 20px; border: 2px solid  #b5b5b5; margin: 0 5px; transition: all .1s ease; pointer-events: visible;}
.samba-playlist-bullet.glide__bullet--active, .samba-playlist-bullet:hover { background-color: #575757; border-color: #575757;}

/* BOX GAMI */
.conteudo-area-branca.gami-secao{ background: #F5F6FA; }
.conteudo-area-preta.gami-secao { /*background-image: url("../img/bg-gamification-serie.png"); background-position: center;     background-size: cover;*/ background: #F5F6FA !important; position: relative;}
/*.conteudo-area-preta.gami-secao:after { content: ""; background: linear-gradient(to top, #253A44, #264159); height: 100%;width: 100%; position: absolute; top: 0; opacity: .4;} */
.box-gami { z-index: 2; position: relative;}
.box-titulo-desafios p { font-size: 35px; font-family:  "Press Start 2P", sans-serif; color: #fff; text-align: center; text-shadow: 4px 4px 20px #253A44; margin-top: 0;}
.box-recompensas { width: 100%; display: flex; justify-content: center; align-items: center;}
.container-box-recompensas { display: flex; width: 655px; height: 40px; background-color: rgba(0,0,0,.2); justify-content: center; align-items: center; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 700; border-radius:40px 12px 40px 12px;}
.container-box-recompensas .principal{ color: #fff; }
.container-box-recompensas > div { margin-left: 30px; color: #0AC5D4; display: flex; align-items: center;}
.box-gami .box-comunicacao { font-size: 16px; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 500; font-style: italic; margin: 65px 0 130px;}
.box-gami .box-comunicacao > div { display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto; }
.box-gami .box-comunicacao p {margin: 0; font-size: 24px;}
.box-gami .box-comunicacao p span { font-weight: 700;}
.box-gami .box-botao { display: flex; justify-content: center; align-items: center;}
/*.botao-inicio { width: 250px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 29px; background-color: #0AC5D4; color: #fff; text-decoration: none; font-family: "Press Start 2P", sans-serif; font-size: 16px; cursor: pointer; box-shadow: 12px 15px 20px rgba(0,0,0,.16);} */
.box-gami .box-comunicacao .paragrafo1 p{padding-right: 50px;}
.box-gami .box-comunicacao .paragrafo1 p:after { content: ""; background: linear-gradient(to right, #0ac5d4, transparent); height: 1px; width: 236px; position: absolute; top: 50%; transform: translateY(-50%); right: -210px;}
.box-gami .box-comunicacao .paragrafo2 p{padding-left: 50px;}
.box-gami .box-comunicacao .paragrafo2 p:after { content: ""; background: linear-gradient(to left, #0ac5d4, transparent); height: 1px; width: 236px; position: absolute; top: 50%; transform: translateY(-50%); left: -210px;}
.box-gami svg { height: 20px; margin-right: 15px;}
.recompensa-moedas svg, .recompensa-devups{ /* height: 20px; */}
.recompensa-medalhas svg{height: 25px;}

.pergunta-forum-desafio { width: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; margin-top: 10px; flex-wrap: wrap; background-color: #fff; box-shadow: 0 2px 1px rgba(60, 64, 67, .16); border-radius: 5px; padding: 5px 20px; }
.pergunta-forum-desafio a { color: #253A44; font-family: "Montserrat", sans-serif;}

.box-desafios .titulo-box-desafios p {font-size: 40px; font-family: "Montserrat", sans-serif; font-weight: 700; color: #253A44; text-align: center; margin: 0;}
.box-desafios .quantidade-box-desafios p {font-size: 25px; font-family: "Montserrat", sans-serif; font-weight: 600; color: #A2A9B9; text-align: center; text-transform: uppercase; letter-spacing: 5px;}
.box-desafios .paineis-box-desafios { width: 777px; height: auto; display: flex; flex-wrap: wrap;}
.box-desafios .paineis-box-desafios .painel-1, .box-desafios .paineis-box-desafios .painel-2{ width: 100%; }
.box-desafios .paineis-box-desafios .painel-1{ height: auto; display: flex; flex-wrap: nowrap;}
.box-desafios .paineis-box-desafios .painel-1 > div, .box-desafios .paineis-box-desafios .painel-2 > div{height: inherit; border-radius: 5px;}
.box-desafios .paineis-box-desafios .painel-2{ height: 102px; margin-top: 10px; display: flex; flex-wrap: nowrap;}
.box-desafios .paineis-box-desafios .painel-1.painel-2{height: auto;}
.box-desafios .paineis-box-desafios .painel-1.mp{margin-top: 10px;}

.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade { flex: 0 0 auto; width: 301px; background-color: #fff;padding: 26px 46px; box-shadow: 0 2px 1px rgba(60, 64, 67, .16);}
.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .titulo-desempenho-comunidade p{ font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 600; color: #C4CAD5; text-transform: uppercase; text-align: center; margin: 0;line-height: 18px;}

.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto { display: flex; margin-top: 20px;}
.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto .taxa{ width: 95px; height: 95px; display: flex; flex-wrap: wrap; border-radius: 15px; padding: 20px 0;}
.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto .taxa > div { width: 100%;}
.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto .taxa p{margin: 0; text-align: center;}
.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-acerto { display: flex; flex-wrap: wrap; margin-right: 20px; border: 1px solid #00BE62;}
.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-acerto .percentual-acerto p { font-size: 27px; font-family: "Montserrat", sans-serif; color: #01CD6A; font-weight: 500;}
.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-acerto .texto-acerto p, .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro .texto-erro p { color: #8795A2; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;}
.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro { display: flex; flex-wrap: wrap; border: 1px solid #FF1E63;}
.box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .percentual-erro p { font-size: 27px; font-family: "Montserrat", sans-serif; color: #FF1E63; font-weight: 500;}
.box-desafios .paineis-box-desafios .painel-2 .recompensas-desafios .titulo-recompensas-desafios p{ font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 600; color: #C4CAD5; text-transform: uppercase; text-align: center; margin: 0; line-height: 18px;}
.box-desafios .premios-recompensas-desafios svg { width: 26px; height: 23px;}
.box-desafios .recompensa.recompensa-medalhas svg, .box-desafios .recompensa.recompensa-devups svg { width: 27px; height: 27px;}

.box-desafios .paineis-box-desafios .painel-1 .melhores-players {flex: 1 1 auto; background-color: #fff; /*margin-right: 10px;*/ padding: 26px 46px; box-shadow: 0 2px 1px rgba(60, 64, 67, .16); display: flex; flex-wrap: wrap; justify-content: center;}
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .titulo-melhores-players p { font-size: 12px; font-family: "Montserrat", sans-serif;font-weight: 600; text-align: center; color: #C4CAD5; text-transform: uppercase; line-height: 18px; margin: 0;}
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .usuarios { display: flex; justify-content: center; align-items: flex-start; margin-top: 20px; width: 100%;}
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .usuarios .usuario{ width: calc(100%/3); display: flex; justify-content: center;flex-wrap: wrap; align-items: center; padding: 10px 0;}
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .usuarios .usuario a{text-decoration: none;}
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .img-usuario { height: 67px; display: flex; justify-content: center;}
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .img-usuario img { width: 67px; height: 67px; border-radius: 50px;object-fit: cover; box-shadow: 0 3px 6px rgba(0,0,0,.16); margin: 0;}
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .nome-usuario { flex: 1 1 auto; margin-top: 12px; padding: 0 5px;}
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .nome-usuario p { font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 600; color: #8795A2; margin: 0; line-height: 14px; text-align: center;}
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .sem-usuarios-exercicios { flex: 1 1 auto; }
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .titulo-melhores-players { width: 100%; }
.box-desafios .paineis-box-desafios .painel-1 .melhores-players .sem-usuarios-exercicios p { font-size: 14px; color: #454545; font-family: "Montserrat", sans-serif; line-height: 24px;text-align: center;}

.box-desafios .paineis-box-desafios .painel-2 .inicio-desafios {flex: 0 0 auto; width: 350px; height: 60px; margin: 30px auto 0; border-radius: 40px; background-color: #0ac5d4; box-shadow: 0 2px 1px rgba(60, 64, 67, .16); /*border: 1px solid #0ac5d4;*/}
.box-desafios .paineis-box-desafios .painel-2 .recompensas-desafios {flex: 1 1 auto; background-color: #fff; margin-right: 10px; padding: 26px 40px; box-shadow: 0 2px 1px rgba(60, 64, 67, .16); display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}
.box-desafios .paineis-box-desafios .painel-2 .botao-inicio { width: inherit; height: inherit; display: flex; justify-content: center; align-items: center; color: #fff; text-decoration: none; font-family: "Montserrat", sans-serif; font-size: 20px;cursor: pointer; /*background-color: #fff; font-weight: 700;*/ }
.box-desafios .paineis-box-desafios .painel-2 .premios-recompensas-desafios { display: flex; margin-top: 20px; width: 100%;}
.box-desafios .paineis-box-desafios .painel-2 .premios-recompensas-desafios .recompensa{ width: calc(100%/3); display: flex;justify-content: center; align-items: center; font-size: 14px; font-family: "Montserrat", sans-serif; color: #8795A2; font-weight: 500; text-transform: uppercase; flex-wrap: wrap;}
.box-desafios .paineis-box-desafios .painel-2 .premios-recompensas-desafios .recompensa p { font-size: 14px; margin: 15px 0 0 0; width: 100%; text-align: center; text-transform: none; font-weight: 400; line-height: 18px;}

.pergunta-forum-desafio p { color: #253a44; font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 400; padding: 20px; text-align: center; line-height: 28px; width: 100%; text-decoration: none;}
.pergunta-forum-desafio .veja-agora { border: 1px solid #0ac5d4; width: 200px; padding: 15px 40px; border-radius: 175px; color: #fff; margin-bottom: 55px; background-color: #0ac5d4; font-size: 20px; text-decoration: none; text-align: center;}

.titulo-papers .label-papers, .gami-secao .titulo-desafios p { font-size: 40px; font-family: "Montserrat", sans-serif; font-weight: 700; color: #253A44; margin: 0;}
.gami-secao .exercicios-comunidade { display: flex; flex-wrap: wrap; margin-top: 40px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade { width: 100%; display: flex; background-color: #fff; margin-top: 30px; border-radius: 5px; min-height: 249px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade:first-child { margin-top: 0; }
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio { flex: 0 0 auto; display: flex; flex-wrap: wrap; flex-direction: column; width: 251px; background-color: #22587B; border-radius: 0 5px 5px 0;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .ultimos-acertos { height: 111px; width: 100%; flex: 0 0 auto; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros { width: 100%; flex: 1 1 auto; display: flex; justify-content: center;  align-items: center; flex-wrap: wrap; background: linear-gradient(to top, #253A44, #264159); border-radius: 0 5px 0 0; flex-direction: column;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .taxa-acertos, .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .taxa-erros { width: 170px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .taxa-erros{margin-top: 17px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .taxa-acertos .texto span, .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .taxa-erros .texto span { font-size: 10px; font-family: "Montserrat", sans-serif;  font-weight: 500; text-transform: uppercase; color: #fff;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .dados-porcentagem{width: 100%; display: flex; justify-content: space-between;    margin: 0 5px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .dados-porcentagem .taxa span{ font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 500;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .taxa-acertos .dados-porcentagem .taxa span{ color: #01CD6A;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .taxa-erros .dados-porcentagem .taxa span{ color: #FF5481;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso{margin-top: 10px; display: flex; max-width: 100%;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem{height: 4px; -webkit-appearance: none; appearance: none;}

.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem[value]::-webkit-progress-bar { background-color: rgba(93, 164, 197, .3); border-radius: 4px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-acertos[value]::-webkit-progress-value { background-color: #01CD6A; border-radius:8px 0 0 8px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-acertos[value]::-moz-progress-bar { background-color: #01CD6A; width: auto; border-radius: 4px; border-radius:8px 0 0 8px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-acertos[value]::-ms-fill { background-color: #01CD6A; border-radius:8px 0 0 8px; border:none;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-acertos[value]::-ms-progress-bar { background-color: #E9ECF3; border-radius: 4px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-acertos[value]::-ms-progress-value { background-color: #01CD6A; border-radius:8px 0 0 8px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-acertos[value]::-ms-fill { background-color: #01CD6A; border-radius:8px 0 0 8px;}

.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-erros[value]::-webkit-progress-value { background-color: #FF1E63; border-radius:8px 0 0 8px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-erros[value]::-moz-progress-bar { background-color: #FF1E63; width: auto; border-radius: 4px; border-radius:8px 0 0 8px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-erros[value]::-ms-fill { background-color: #FF1E63; border-radius:8px 0 0 8px; border:none;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-erros[value]::-ms-progress-bar { background-color: #E9ECF3; border-radius: 4px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-erros[value]::-ms-progress-value { background-color: #FF1E63; border-radius:8px 0 0 8px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso .porcentagem-erros[value]::-ms-fill { background-color: #FF1E63; border-radius:8px 0 0 8px;}

.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .ultimos-acertos .usuarios{display: flex; justify-content: center; width: 100%; margin-top: 15px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .ultimos-acertos .usuarios .usuario { margin-right: 15px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .ultimos-acertos .usuarios .usuario:last-child { margin-right: 0;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .ultimos-acertos .usuarios .usuario img{ width: 28px; height: 28px; margin: 0; border-radius: 50px; object-fit: cover;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .ultimos-acertos { /*background-color: #22587B; */}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .ultimos-acertos .texto { width: 100%; display: flex; justify-content: center;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .ultimos-acertos .texto span { color: #fff; font-size: 12px; font-family: "Montserrat", sans-serif;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio { padding: 40px 50px; flex: 1 1 auto;  display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px 0 0 5px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .label-exercicio p { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 700; color: #253A44; margin: 0;line-height: 16px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .label-exercicio, .gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio, .gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .titulo-exercicio, .gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .link-exercicio{width: 100%;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .link-exercicio .svg-responder{ height: 13px; width: 6px; margin-top: 3px; margin-left: 14px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .link-exercicio .svg-responder path{stroke: #fff;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .titulo-exercicio{margin-top: 10px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .titulo-exercicio p { font-size: 15px; font-family: "Montserrat", sans-serif; color: #253A44; margin: 0; line-height: 24px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .link-exercicio { display: flex; width: 100%; margin-top: 30px;}
.gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio .link-exercicio a { font-size: 13px; font-family: "Montserrat", sans-serif; font-weight: 600; background-color: #0AC5D4; text-decoration: none; color: #fff; width: 150px; height: 40px; border-radius: 20px; display: flex; justify-content: center; align-items: center;}

/* SEÇÃO COMUNIDADE */
.gami-comunidade{background: linear-gradient(to right, #0B7DC3, #1DB5C6); position: relative; z-index: 1;}
.content-area_guia.secao-comunidade { /*width: 100%; margin: 0;*/ width: 777px; margin: 0 auto; display: flex; flex-wrap: wrap; padding: 0; position: relative; z-index: 1;}
.content-area_guia.secao-comunidade > div{width: 100%;}
.content-area_guia.secao-comunidade p{margin: 0;}
.content-area_guia.secao-comunidade .titulo-secao-comunidade p { font-size: 40px; font-family: "Montserrat", sans-serif; color: #fff; text-align: center; font-weight: 700;}
.content-area_guia.secao-comunidade .titulo-secao-comunidade .tag-posts-forum span { font-size: 16px;  font-family: "Montserrat", sans-serif; color: #6DF4FF; font-weight: 400; min-width: 172px; border: 2px solid #6df4ff; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 5px; padding: 0 15px;}
.tag-posts-forum { margin-top: 20px !important; line-height: 18px !important; font-size: 16px !important;   font-family: "Montserrat", sans-serif !important; color: #6DF4FF !important; font-weight: 400 !important;display: flex; justify-content: center; align-items: center;}

.conteudo-secao-comunidade p{text-align: center; color: #6DF4FF; font-size: 16px; font-family: "Montserrat", sans-serif; font-weight: 400;}
.content-area_guia.secao-comunidade .link{display: flex; justify-content: center; align-items: center; box-shadow: none; background-color: transparent;}
.content-area_guia.secao-comunidade .link .tag-forum{ background-color: transparent; border: 1px solid #fff; color: #fff; box-shadow: none; }
.content-area_guia.secao-comunidade .link a { background-color: #fff; width: 250px; height: 50px; display: flex; justify-content: center; align-items: center; text-decoration: none; font-family: "Montserrat", sans-serif; color: #0B80C1; font-weight: 500; border-radius: 29px; box-shadow: 12px 15px 20px rgba(0,0,0,.16); text-align: center; margin: 0 20px;}
.content-area_guia.secao-comunidade .conteudo-secao-comunidade { margin: 30px auto;}
.conteudo-guia .content-area_guia.secao-comunidade .identificador-container{color: #fff; opacity: .06;}
.secao-comunidade .conteudo-pergunta { width: 100%; display: flex; justify-content: center; align-items: center; max-width: 730px; margin: 40px auto 60px; height: 117px; border-radius: 6px; position: relative;}
.secao-comunidade .conteudo-secao-comunidade, .secao-comunidade .link, .secao-comunidade .conteudo-secao-comunidade{max-width: 873px; margin: 0 auto;}
.secao-comunidade svg { width: 25px; height: 20px; }
.conteudo-pergunta p { font-size: 23px; font-family: "Montserrat", sans-serif; font-weight: 500; color: #fff; margin: 0 110px !important; text-align: center;}
.conteudo-pergunta #aspas-inicio { position: absolute; bottom: 50%; left: 20px; display: none;}
/*.conteudo-pergunta #aspas-fim { position: absolute; top: 50%; right: 20px;} */
.conteudo-pergunta #aspas-fim { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(180deg); width: 147px; height: 114px; opacity: .2; z-index: 1;}

.secao-comunidade .label-comunidade { font-size: 40px; font-family: "Montserrat", sans-serif; color: #ffffff; font-weight: 700;}
.topicos-comunidade {width: 100%; margin-top: 40px;}
.topicos-comunidade *{outline: none;}
.topicos-comunidade .topico-comunidade {width: 100%;}
.topicos-comunidade .topico-comunidade  .area-botoes-comentarios { display: flex; width: 100%; align-items: center; margin-top: 30px;}
.topicos-comunidade .topico-comunidade .topico-comentarios {width: 100%; display: flex; align-items: center; justify-content: flex-end;}
.topicos-comunidade .topico-comunidade .topico-comentarios .icone-comentario{display: flex; align-items: center;}
.topicos-comunidade .topico-comunidade .topico-comentarios .icone-comentario svg{ height: 35px; width: 35px; margin-right: 9px;}
.topicos-comunidade .topico-comunidade .topico-comentarios .icone-comentario svg path, .topicos-comunidade .topico-comunidade .topico-comentarios .icone-comentario svg line{stroke: #FFFFFF; fill: transparent;}
.topicos-comunidade .topico-comunidade .topico-comentarios .total-interacoes-topico {font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 600; color: #fff;}
.topicos-comunidade .topico-comunidade .topico-titulo {width: 100%;}
.topicos-comunidade .topico-comunidade .topico-titulo p { font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #fff; }
.topicos-comunidade .topico-comunidade .topico-titulo p a { text-decoration: none; color: #fff;}
.topicos-comunidade .topico-comunidade .topico-autor { display: flex; align-items: center; justify-content: flex-start; margin-top: 15px;}
.topicos-comunidade .topico-comunidade .topico-autor a { display: flex; text-decoration: none;}
.topicos-comunidade .topico-comunidade .imagens-usuarios { display: flex; align-items: center; justify-content: flex-end;}
.topicos-comunidade .topico-comunidade .topico-autor .autor-imagem, .topicos-comunidade .topico-comunidade .imagens-usuarios .imagem-usuario {margin-right: 10px;}
.topicos-comunidade .topico-comunidade .topico-autor .autor-imagem img, .topicos-comunidade .topico-comunidade .imagens-usuarios .imagem-usuario img { width: 26px; height: 26px; border-radius: 50px; object-fit: cover; margin: 0;}
.topicos-comunidade .topico-comunidade .topico-autor .autor-imagem img{width: 35px !important; height: 35px !important;}
.topicos-comunidade .topico-comunidade .topico-autor .autor-nome p { font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #fff;}
.topicos-comunidade .topico-comunidade .topico-botoes { width: 100%; display: flex;}
.topicos-comunidade .topico-comunidade .topico-botoes .topico-responder { width: 151px; background-color: #fff; font-weight: 500; color: #0B80C1; margin-right: 20px;}
.topicos-comunidade .topico-comunidade .topico-botoes .todos-topicos{width: 198px; border: 1px solid #fff; color: #fff; font-weight: 400;}
.topicos-comunidade .topico-comunidade .topico-botoes .topico-responder, .topicos-comunidade .topico-comunidade .topico-botoes .todos-topicos{ font-size: 13px; font-family: "Montserrat", sans-serif; height: 36px; border-radius: 27px;  display: flex; justify-content: center; align-items: center; text-decoration: none;}
.topicos-comunidade .topico-comunidade .topico-tags { margin-top: 40px; display: flex; align-items: center; }
.topicos-comunidade .topico-comunidade .topico-tags .tags { display: flex; flex: 1 1 auto;}
.topicos-comunidade .topico-comunidade .topico-tags .tags-label { width: 100%; display: flex; align-items: center;}
.topicos-comunidade .topico-comunidade .topico-tags .tags-label span { font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #fff; width: 85px; flex: 0 0 auto; }
.topicos-comunidade .topico-comunidade .topico-tags .tags .tag { width: auto; border: 1px solid #6DF4FF; border-radius: 20px; margin-right: 5px; height: 27px; display: flex; align-items: center; justify-content: center;}
.topicos-comunidade .topico-comunidade .topico-tags .tags .tag a { font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 500; text-decoration: none; color: #6DF4FF; padding: 0 20px;}
.topicos-comunidade .topico-comunidade .topico-tags .tags .tag a span{font-weight: 600; color: #6DF4FF;}

.topicos-comunidade .slick-dots { position: absolute; top: -70px; right: 35px; text-align: right; bottom: auto; width: auto; height: auto;}
.topicos-comunidade .slick-dots li{margin: 0 3px;}
.topicos-comunidade .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0;    outline: none; background: transparent;}
.topicos-comunidade .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 9px; height: 9px; content: ''; text-align: center; opacity: 1; color: red; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #fff; border-radius: 25px;}
.topicos-comunidade .slick-dots li.slick-active button:before { opacity: 1; color: #6DF4FF !important; background-color: #6DF4FF !important; width: 13px !important; height: 13px !important; top: -2px !important;}
.topicos-comunidade .prox.slick-arrow { top: -55px; right: 0;}
.topicos-comunidade .ant.slick-arrow { top: -55px; right: 185px; left: auto;}
.topicos-comunidade .seta{stroke:#6DF4FF;}
.topicos-comunidade .anterior, .topicos-comunidade .proximo{height: 25px; width: 25px; padding: 0; border-radius: 4px; border: 1px solid #fff;}
.topicos-comunidade .anterior svg, .topicos-comunidade .proximo svg{width: 13px; height: 13px;}

.secao-comunidade .topo-secao-comunidade .area-titulo-tag .titulo-comunidade .label-comunidade { font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #fff; }
.secao-comunidade .titulo-comunidade .label-comunidade{margin-bottom: 40px;}
.secao-comunidade .topo-secao-comunidade .area-titulo-tag { display: flex; justify-content: space-between;}
.secao-comunidade .topo-secao-comunidade .area-titulo-tag .tag-comunidade .tag-destaque-texto { color: #fff; font-size: 14px; font-family: 'Montserrat', sans-serif;}
.secao-comunidade .topo-secao-comunidade .area-titulo-tag .tag-destaque-texto a {  font-size: 12px; font-weight: 400; height: 27px; display: inline-flex; justify-content: center; align-items: center; border-radius: 25px; border: 1px solid #6DF4FF; margin-left: 10px; color: #fff; text-decoration: none; padding: 0 15px;}
.secao-comunidade .topo-secao-comunidade .label-feed-atividades{ margin-top: 20px;}
.secao-comunidade .topo-secao-comunidade .label-feed-atividades p { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #6DF4FF;}
.secao-comunidade .conteudo-atividades-comunidade { width: 100%; display: flex;flex-wrap: wrap;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade { width: 100%; margin-top: 60px; border-left: 1px solid #6DF4FF;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade { width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade:first-child{margin-top: 0;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade .imagem-identificador-atividade { display: flex; align-items: center;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade .imagem-usuario { flex: 0 0 auto; width: 65px; display: flex; justify-content: center;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade .imagem-usuario img { width: 30px; height: 30px; border-radius: 50px; display: flex;justify-content: center; align-items: center; margin: 0;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade .dados-atividade { flex: 1 1 auto;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade .identificador-atividade { width: 100%;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade .identificador-atividade p { font-size: 13px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #fff; line-height: 16px;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade .identificador-atividade p a { color: #fff; font-weight: 600;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade .data-atividade{margin-top: 13px;}
.secao-comunidade .conteudo-atividades-comunidade .atividades-comunidade .atividade-comunidade .data-atividade p { font-size: 11px; font-family: "Montserrat", sans-serif; line-height: 14px; color: #6DF4FF; margin-left: 65px;}

.secao-comunidade .conteudo-atividades-comunidade .ver-mais-posts, .secao-comunidade .conteudo-atividades-comunidade .criar-post { font-size: 14px; font-family: "Montserrat"; font-weight: 600; line-height: 16px;}
.secao-comunidade .conteudo-atividades-comunidade .ver-mais-posts a, .secao-comunidade .conteudo-atividades-comunidade .criar-post a { color: #fff;}
.secao-comunidade .conteudo-atividades-comunidade .links-comunidade{display: flex; align-items: center; margin-top: 50px;}
.secao-comunidade .conteudo-atividades-comunidade .links-comunidade .links-criar-topico { flex: 0 0 auto; width: 120px;}
.secao-comunidade .conteudo-atividades-comunidade .links-comunidade .links-mais-posts{flex: 1 1 auto;}

.atividade-comunidade { display: flex;}
.atividade-comunidade .dados-atividade-comunidade { flex: 0 0 auto; width: 100%; display: flex; align-items: center;}
.atividade-comunidade .usuarios-atividade-comunidade { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; flex: 0 0 auto; width: 160px;}
.atividade-comunidade .usuarios-atividade-comunidade .seta-relacao-post{margin: 0 10px;}
.atividade-comunidade .dados-atividade-comunidade .usuarios-atividade-comunidade .usuario-atividade-comunidade { display: flex;}
.atividade-comunidade .dados-atividade-comunidade .usuarios-atividade-comunidade .usuario-atividade-comunidade img { width: 40px; height: 40px; border-radius: 50px; margin: 0; border-radius: 50px; object-fit: cover;}
.atividade-comunidade .descricao-atividade-comunidade{flex: 1 1 auto; padding-left: 15px;}
.atividade-comunidade .descricao-atividade-comunidade p{ font-size: 13px; font-family: "Montserrat", sans-serif; font-weight: 400; color: #fff; line-height: 16px;}
.atividade-comunidade .descricao-atividade-comunidade p a{ color: #fff; font-weight: 600;}
.atividade-comunidade .data-atividade-comunidade { width: 110px; display: flex; justify-content: flex-start; margin-top: 7px;}
.atividade-comunidade .data-atividade-comunidade p{ font-size: 11px; font-family: "Montserrat", sans-serif; line-height: 14px; color: #6DF4FF;}
.atividade-comunidade svg{ width: 12px; height: 12px;}
.atividade-comunidade .seta{fill: #fff; stroke: #fff;}

/* CHAT */ 
.chat-serie-comunidade { margin-top: 80px; padding-top: 80px; border-top: 1px solid #fff; }
.online-status:before { content: " "; width: 10px; height: 10px; background: #1CD8D1; margin-right: 6px; display: inline-block; border-radius: 50%; }
.online-status { color: #1CD8D1; font-family: Montserrat; font-size: 12px; padding: 10px 20px; display: flex; align-items: center; position: absolute; bottom: 0;}
.numero_online { margin-left: 5px; }
#btn-msg { display: none; border: none; cursor: pointer; padding: 8px; font-size: 14px; background: #65b2c2; color: #fff; width: 100%; height: 50px; top: -55px; position: relative; text-align: center; }
.report-msg { text-decoration: none; color: #adadad; font-size: 11px; position: absolute; right: 20px; top: 25px; }
.load-area { width: 100%; height: 100%; display: none; justify-content: center; align-items: center; margin-top: 0px; }
.load-area img { width: 70px; }
.network-status { position: absolute; top: 0; left: 165px; z-index: 2; display: flex; justify-content: center; align-items: center; cursor: pointer; width: calc(100% - 165px); height: 30px; background: #ff5d5d; color: #fff; }
.network-status a { text-decoration: none; margin-left: 10px; color: #fff; }
.network-status:hover a { text-decoration: underline; }
.open-chat-container { width: 100%; }
.open-chat { padding: 15px 0; color: #1CD8D1; font-size: 14px; font-weight: 300;  border-radius: 25px; background: #264159;  text-align: center; text-transform: uppercase;  box-shadow: 5px 0 9px rgba(17, 136, 233, .1); cursor: pointer; }
.chat-opened-container { width: 100%; height: 100%;  background: #fff; }
.chat-header { width: 100%; height: 50px;  display: flex; justify-content: flex-start; align-items: center;  background: #264159; box-shadow:  5px 0 9px rgba(17, 136, 233, .1); }
/* aparecem só no desktop */ 
.chat-title, .chat-list { display: none; }
/* aparecem só no desktop */ 
.chat-back { width: 50px; height: 50px;  display: flex; justify-content: center; align-items: center;  border-right: 1px solid #3A6478; }
.chat-back img { width: 15px; display: block; }
.chat-techs { width: calc(100% - 50px); padding: 0 20px; position: relative; }
.chat.md-modal { max-height: 100%!important; } 
.techs-slider { display: -webkit-box; display: box; align-items: center; }
.techs-slider div:last-child { margin-right: 0px; padding-right: 10px; }
.techs-slider div:first-child { margin-left: 0; padding-left: 5px; color: #fff; }
.techs-slider .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 15px; }
.techs-slider .techs-slider-item { color: #fff; font-size: 12px; text-align: center; margin: 0 9px; cursor: pointer; }
.techs-slider div.active{ font-weight: bold; color: #6ec3d0; }
.chat-gradient { width: 110px; height: 50px;  position: absolute; top: 0; right: 0;  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(31,80,103,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(31,80,103,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(31,80,103,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1f5067',GradientType=1 ); }
.slick-slide { flex: 1 1 auto !important; justify-content: flex-start !important; padding-right: 20px !important; color: #5792AE; font-size: 12px; font-weight: 500; max-height: 185px;}
.slick-current { color: #fff; }
.chat-content { width: 100%; height: 100%; }
.chat-message { padding: 30px 20px; color: #a2a9b9; font-size: 14px; font-weight: 300; font-style: italic; }
.chat-canvas { width: 100%; height: calc(100% - 140px); }
.chat-block { width: 100%; padding: 0 20px; margin-bottom: 20px; position: relative; }
.chat-block:hover .report-msg { display: inline-block; }
.chat-block-header { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.chat-user { display: flex; align-items: center; }
.user-pic { width: 20px; height: 20px; margin-right: 10px;  border-radius: 100%; overflow: hidden; }
.user-pic > img { width: 20px; height: 20px; }
.user-name { color: #A2A9B9; font-size: 12px; font-weight: 500; cursor:pointer; }
.user-profile { text-decoration: none; display: flex; }
.timestamp { color: #DADCE3; font-size: 12px; font-weight: 500; position: relative; left: 20px; }
.message { padding-left: 30px; margin-top: 5px;  color: #253A44; font-size: 14px; font-weight: 400; max-width: 420px; word-break: break-word; word-wrap: break-word; }
.system-chat { background: #2641590f; font-size: 12px; padding: 5px 20px; text-align: center; margin: 0 auto 15px; color: #264159; width: 90%; border-radius: 15px; }
.chat-input-container { width: 100%; padding: 20px;  display: flex; justify-content: space-between; align-items: center;  position: absolute; left: 0; bottom: 0;  background: #fff; }
.chat-input { width: calc(100% - 40px); margin-right: 10px; }
.chat-input textarea { width: 100%; height: 50px; padding: 10px 10px 10px 20px;  color: #253A44; font-size: 12px; font-weight: 500;  border-radius: 23px; border: 1px solid #E9ECF3; background: #F8FAFB; resize: none; }
.chat-button { width: 40px; height: 40px;  display: flex; justify-content: center; align-items: center;  border-radius: 100%; background: #0AC5D4; }
.send-button { padding: 0; margin: 0; border: none; background: transparent; }
.send-button img { width: 100%; display: block; }
.user-pic img{margin: 0 !important;}
/* modal de chat */ 
.chat.md-modal { width: 100%; height: 100%; max-height: 395px; padding: 0; transform: none; left: 0; top: 0; }
.chat .md-content { height: 100%; }
/* modal de chat */ 
.chat-serie-comunidade * { font-family: 'Montserrat'; box-sizing: border-box; outline: none;}
/* CHAT */

/* SEÇÃO PAPERS */
.conteudo-area-branca.papers-secao { background-color: #f5f6fa; }
.conteudo-area-branca.papers-secao a{text-decoration: none;}
.conteudo-area-branca.papers-secao .topo-secao-papers p{margin: 0; font-family: "Montserrat", sans-serif;}
.conteudo-area-branca.papers-secao .titulo-paper{min-height: 45px;}
.conteudo-area-branca.papers-secao .titulo-paper p { font-weight: 600; font-size: 16px; line-height: 20px; color: #253A44;}
.conteudo-area-branca.papers-secao .descricao-paper p { font-size: 14px; line-height: 24px; color: #a9a9a9; font-weight: 400;}
.conteudo-area-branca.papers-secao .papers { display: flex; flex-wrap: wrap; margin-top: 40px; justify-content: flex-start;}
.conteudo-area-branca.papers-secao .papers a{display: flex;}
.conteudo-area-branca.papers-secao .papers .paper { background-color: #fff; width: 230px; padding: 40px 30px 20px; margin-bottom: 40px; margin-right: 30px; box-sizing: border-box; box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.18); min-height: 300px; display: flex; flex-wrap: wrap; justify-content: center; border-top: 3px solid #18a4c5;}
.conteudo-area-branca.papers-secao .data-paper, .conteudo-area-branca.papers-secao .autor-paper{width: 100%;}
.conteudo-area-branca.papers-secao .data-paper p, .conteudo-area-branca.papers-secao .autor-paper p{ font-family: "Montserrat", sans-serif; font-size: 14px; color: #a1a1a1; font-weight: 500;}
.conteudo-area-branca.papers-secao .papers .paper .link-paper{width: 100%;}
.conteudo-area-branca.papers-secao .papers .paper .info-paper{width: 100%;}
.conteudo-area-branca.papers-secao .papers .paper .link-paper a { font-size: 14px; font-family: "Montserrat", sans-serif; background-color: #18a4c5; width: 100%; height: 40px; display: flex;justify-content: center; align-items: center; color: #fff; border-radius: 5px; font-weight: 600; text-transform: uppercase;}

/* SEÇÃO GUIAS */
.conteudo-area-preta.guia-aprendizado{padding: 100px 0; z-index: 0;}
.conteudo-area-preta.guia-aprendizado .link-secao-guia{text-decoration: none; display: block; width: 100%; margin: 0 auto;}
.conteudo-area-preta.guia-aprendizado .guia-container { width: 100%; min-height: 265px; height: auto; background-color: #fff; border-radius: 10px; margin: 0 auto; display: flex;}
.conteudo-area-preta.guia-aprendizado h3{width: 100%; margin: 0 auto 40px; text-align: left;}
.conteudo-area-preta.guia-aprendizado .info-guia-container { flex: 1 1 auto; padding: 60px 80px;}
.conteudo-area-preta.guia-aprendizado .info-guia-container > div > p{margin: 0;}
.conteudo-area-preta.guia-aprendizado .info-guia-container .titulo-info-guia > p { font-size: 18px; color: #253A44; font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 24px;}
.conteudo-area-preta.guia-aprendizado .info-guia-container .titulo-info-guia > p > span{font-weight: 700;}
.conteudo-area-preta.guia-aprendizado .itens-guia-container { flex: 0 0 auto; width: 205px; background-color: #F2F4F5; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; padding: 33px; border-radius: 0 10px 10px 0;}
.conteudo-area-preta.guia-aprendizado .itens-guia-container p{ font-size: 15px; font-family: "Montserrat", sans-serif; font-weight: 500; color: #8795A2;width: 100%; margin: 40px 0 0 0; line-height: 18px;}
.conteudo-area-preta.guia-aprendizado .itens-guia-container p:first-child { margin-top: 0;}
.conteudo-area-preta.guia-aprendizado .descricao-info-guia p { font-size: 15px; font-family: "Montserrat", sans-serif; color: #253A44; line-height: 24px;}
.conteudo-area-preta.guia-aprendizado .descricao-info-guia p { font-size: 15px; color: #253A44; font-family: "Montserrat", sans-serif; line-height: 24px;}
.conteudo-area-preta.guia-aprendizado .botao-info-guia span { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 600;  width: 195px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #01CD6A; color: #fff; border-radius: 20px; }
.conteudo-area-preta.guia-aprendizado .link-secao-guia:hover .botao-info-guia span { background-color: transparent; transition: .3s all; color: #01CD6A; border: 1px solid #01CD6A;}
.conteudo-area-preta.guia-aprendizado .descricao-info-guia, .conteudo-area-preta.guia-aprendizado .botao-info-guia { margin-top: 20px; }
.conteudo-area-preta.guia-aprendizado .itens-guia-container > p > span {  font-size: 18px; font-family: "Montserrat", sans-serif; color: #0AC5D4; width: 36px; height: 36px; border-radius: 50px; background-color: #fff; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: -51px; transform: translateY(-50%); box-shadow: -3px 3px 6px rgba(19, 86, 174,.16);}
.conteudo-area-preta.guia-aprendizado .itens-guia-container > p { position: relative;}
.conteudo-area-preta.guia-aprendizado .itens-guia-container > p > span:before { content: ""; position: absolute; bottom: -22px; height: 22px; width: 1px; background-color: #0AC5D4;}
.conteudo-area-preta.guia-aprendizado .itens-guia-container > p:last-of-type > span:before { display: none;}

/* SEÇÃO VISUALIZACAO PROGRAMADORES */
.conteudo-area-preta.visualizacao-programadores{height: auto; padding: 30px 0; z-index: 3; background: #f7f7f7; border-bottom: 1px solid #dcdcdc;/*background: linear-gradient(to right, rgba(37, 58, 68, .9), rgba(38, 65, 89, .9));*/}
.visualizacao-programadores .secao-visualizacao-programadores .titulo-secao-visualizacao-programadores p{ font-size: 20px; font-family: "Montserrat", sans-serif;  font-weight: 500; text-transform: uppercase; color: #253a44; text-align: center; margin: 0;}
.secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador .imagem-programador img { width: 55px; height: 55px; object-fit: cover; border-radius: 50px; margin: 0; box-shadow: 2px 3px 6px rgba(0,0,0,.16);}
.secao-visualizacao-programadores { width: calc(100% - 220px); margin: 0 auto;}
.secao-visualizacao-programadores .visualizacao-programadores { display: flex; width: 100%; justify-content: space-between; z-index: 1; position: relative; max-width: 1000px; margin: 40px auto 0;}
.secao-visualizacao-programadores .visualizacao-programadores a{text-decoration: none; }
.secao-visualizacao-programadores .visualizacao-programadores a .visualizacao-programador { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 10px 0;}
.secao-visualizacao-programadores .visualizacao-programadores a .visualizacao-programador .nome-programador { width: 100%;}
.secao-visualizacao-programadores .visualizacao-programadores a .visualizacao-programador .nome-programador p{ font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 500; margin: 12px 0 0 0; line-height: 16px; color: #253a44; text-align: center;}
.conteudo-area-preta.visualizacao-programadores .background-visualizacao-programadores{ /*background-image: url("https://www.devmedia.com.br/series/img/background-visualizacao-programadores.png"); background-position: center; background-size: cover; height: 100%;    width: 100%; position: absolute; opacity: .1; z-index: 0; top: 0; left: 0;*/}
 .secao-visualizacao-programadores .visualizacao-programadores .dados-empresa-nome { cursor: default; position: absolute; left: calc(100% + 15px); bottom: unset; margin: 0;    padding: 5px 9px; text-align: center; background-color: rgb(87, 146, 174); color: rgb(255, 255, 255); display: none; align-items: center; justify-content: center;    border-radius: 5px; box-sizing: border-box; }
/*.secao-visualizacao-programadores .visualizacao-programadores .dados-empresa:hover .dados-empresa-nome{display: inline-flex !important;}*/
.secao-visualizacao-programadores .visualizacao-programadores .svg-b2b{ background-color: #fff; display: flex; justify-content: center; align-items: center; height: 40px;}
.secao-visualizacao-programadores .visualizacao-programadores .dados-empresa svg{ width: 30px; height: 30px; }
.secao-visualizacao-programadores .visualizacao-programadores .dados-empresa{ width: 40px; height: 40px; position: relative; bottom: 70px; right: -65px; align-items: center; display: flex; }
.secao-visualizacao-programadores .visualizacao-programadores .dados-empresa svg g{fill: #214a61;}
.secao-visualizacao-programadores .visualizacao-programadores .dados-empresa-nome{ cursor: default; left: calc(100% + 15px); margin: 0; bottom: unset; align-items: center; text-align: center; justify-content: center; z-index: 2; font-size: 12px; font-family: 'Montserrat', sans-serif; width: auto;}
.secao-visualizacao-programadores .visualizacao-programadores .dados-empresa-nome:after { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-left: 0px solid transparent;border-right: 10px solid #5792ae; border-bottom: 8px solid transparent; border-top: 8px solid transparent; position: absolute; left: -8px; /* top: 4px; */}
.secao-visualizacao-programadores .visualizacao-programadores .imgb2b{ width: 100%; border-radius: 90px;}
.secao-visualizacao-programadores .visualizacao-programadores .dados-empresa img{margin: 0;}

.secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador{ display: flex; flex-wrap: wrap; width: calc(100%/8); justify-content: center; align-items: center; position: relative;}
.secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador > a{ text-decoration: none; max-width: 100px; display: flex; align-items: center;    justify-content: center;}
.secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador a .dados-programador { display: flex; flex-wrap: wrap; justify-content: center;}
.secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador a .dados-programador .imagem-programador { width: 55px; height: 55px; display: flex; justify-content: center;}
.secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador a .dados-programador .nome-programador { width: 100%; justify-content: center; display: flex;}
.secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador a .dados-programador .nome-programador p{ font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 500; margin: 12px 0 0 0; line-height: 16px; color: #253a44; text-align: center;}
.secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador .empresa { position: absolute; width: 40px; height: 40px; right: 15px;}

.secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador .empresa:hover .dados-empresa-nome {display: flex;}

.menu-trilha.margin-right-negativo{margin-right: -60px !important;}

.no-padding{padding: 0 !important;}
.texto-branco{color: #fff !important; border: 1px solid #fff !important;}
.texto-branco:before { background-color: #fff !important; }
.menu-trilha .active .texto-branco{color: #0AC5D4 !important; background-color: #fff !important;} 
.item-menu-lateral-left-like.elemento-branco .item-menu-lateral-left-svg{ border: 1px solid #fff !important; }
.item-menu-lateral-left-like.elemento-branco .path-like-topo{ stroke: #fff !important;}
.item-menu-lateral-left-like.elemento-branco .total_likes_lateral.num_total_likes{ background-color: #fff !important; color: #0AC5D4 !important;}

.icone-aspas-comeco, .icone-aspas-end { fill: #6df4ff; }

.icone-devup-1 { fill: #7aa940; }
.icone-devup-2 { fill: #446822; }
.icone-devup-3 { clip-path: url(#clip-path); }
.icone-devup-4 { fill: #456a22; }
.icone-devup-5 { clip-path: url(#clip-path-2); }
.icone-devup-6 { clip-path: url(#clip-path-3); }
.icone-devup-7 { fill: #fff; stroke: #8795A2; }

.icone-moeda-1 { fill: #e4af18; }
.icone-moeda-2 { fill: #f4bf1a; }
.icone-moeda-3 { fill: #ffd949; }
.icone-moeda-4 { fill: #dca815; }
.icone-moeda-5 { fill: #c49214; }
.icone-moeda-6 { fill: #fcc62d; }

.icone-xp-1 { fill: #fff; }
.icone-xp-2 { fill: #253a44; }

.icone-medalha-1 { fill: #ef2648; }
.icone-medalha-2 { fill: #ffa511; }
.icone-medalha-3 { fill: #ffdc13; }
.icone-medalha-4 { fill: #b20d24; }
.icone-medalha-5 { fill: #f08015; }
.icone-medalha-6 { fill: #e5af17; }

.icone-game-1, .icone-game-4 { fill: none; }
.icone-game-1 { stroke: #0ac5d4; stroke-width: 1.5px; }
.icone-game-2 { fill: #fff; }
.icone-game-3 { stroke: none; }

.icone-projeto { fill: none; stroke: #253b47; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;}

.icone-download { fill: none; stroke: #6df4ff; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;    stroke-width: 4px; }

/* MAIS CURSOS */
.mais-cursos-container{height: 127px; width: 100%; background-color: #ffffff; display: flex; justify-content: center; align-items: center; /*background: linear-gradient(to right, #0a78bb, #1bafc0);*/ }
.mais-cursos-container p{ font-size: 22px; font-family: "Montserrat", sans-serif; font-weight: 500; color: #253A44; margin-right: 15px;}
.mais-cursos-container a{ font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 500; text-transform: uppercase; border: 1px solid #0AC5D4; border-radius: 29px; width: 190px; height: 50px; color: #253A44; text-decoration: none; justify-content: center; align-items: center; display: flex; }

/* SUPORTE */
.menu-suporte { padding-left: 35px; list-style: none; position: relative; z-index: 1;}
.menu-suporte ol, .menu-suporte ul{font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 500; list-style: none;}
.menu-suporte li { margin: 35px 0; position: relative;}
.menu-suporte li::before { content: "\0025aa"; background-color: #0ac5d4; color: transparent; position: absolute; top: 6px; left: -30px; font-size: 60px; border-radius: 2px; height: 9px; width: 9px; display: flex; justify-content: center;    align-items: center;}
.menu-suporte h4 { font-size: 18px; font-family: "Montserrat", sans-serif; font-weight: 700;  color: #253A44; margin: 0 0 15px 0;}
.menu-suporte .text-content_guia{ font-family: "Source Serif Pro"; margin-top: 0; margin-bottom: 25px;}
#atendimento .text-content_guia{ font-family: "Source Serif Pro"; }

/* COR DOS PATH DOS SVG */
.aprenda-path-0{fill:none;}
.aprenda-path-1{fill:none;stroke:#0AC5D4;stroke-width:1.5;}
.aprenda-path-2{fill:#FFFFFF;}
.projetos-path-0{fill:none;}
.projetos-path-1{fill:none;stroke:#0AC5D4;stroke-width:1.5;}
.projetos-path-2{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;}
.projetos-path-3{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.53;}
.suporte-path-0{fill:none;}
.suporte-path-1{fill:none;stroke:#0AC5D4;stroke-width:1.5;}
.suporte-path-2{fill:#FFFFFF;}
.path-share{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;}
.menu-lateral-left .path-share{fill: #8795A2;stroke:#8795A2;stroke-width:0.5;}
.menu-lateral-left.dark .path-share{fill: #FFFFFF;stroke:#FFFFFF;stroke-width:0.5;}
.coracao-path{fill:none;stroke:#FFFFFF;stroke-width:1.5;}
.svg-star path{fill: transparent; stroke: #fff; stroke-width: 1.5px;}
.menu-right-favorito.favorito-usuario .svg-star path{fill: #fff;}
.path-projetos-0{fill:none;stroke:#0AC5D4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.menu-lateral-left .svg-star path, .menu-lateral-left .svg-star line{fill: transparent; stroke: #0AC5D4; stroke-width: 1.5px;}
.menu-lateral-left.dark .svg-star path, .menu-lateral-left.dark .svg-star line{fill: transparent; stroke: #fff; stroke-width: 1.5px;}
.menu-lateral-left .favorito-usuario .svg-star path, .menu-lateral-left .favorito-usuario .svg-star line{fill: #0AC5D4;}
.menu-lateral-left.dark .favorito-usuario .svg-star path, .menu-lateral-left.dark .favorito-usuario .svg-star line{fill: #FFFFFF; stroke: #FFFFFF;}

.svg-comment path, .svg-comment line{stroke: #8795A2; stroke-width: 1.5px; fill: transparent;}
.menu-lateral-left.dark .svg-comment path, .menu-lateral-left.dark .svg-comment line{stroke: #FFFFFF; fill: transparent;}
.svg-star line{ fill: #fff; stroke: #fff; stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; }
.path-like-topo{fill: none; stroke:#0AC5D4; stroke-width: 1.852; stroke-linecap: round; stroke-linejoin: round;stroke-miterlimit: 10;}

.menu-lateral-left.dark .item-menu-right-like.like-usuario .path-like-topo, .menu-lateral-left.dark .like-usuario .path-like-topo{stroke: #253A44;}
.item-menu-right-like.like-usuario .path-like-topo, .menu-lateral-left .like-usuario .path-like-topo{stroke: #fff; /*stroke: #fff;*/}
.item-menu-right-like.like-usuario .item-menu-right-svg,.menu-lateral-left .like-usuario .item-menu-lateral-left-svg{background: #0AC5D4; }
.item-menu-right-like.like-usuario .total_likes_topo.num_total_likes, .menu-lateral-left .like-usuario .num_total_likes{ background-color: #FFF; color: #0AC5D4; border: 1px solid #0AC5D4;}
.menu-lateral-left.dark .item-menu-right-like.like-usuario .total_likes_topo.num_total_likes, .menu-lateral-left.dark .like-usuario .num_total_likes{background-color: #253A44; color: #0AC5D4; border: 1px solid #0AC5D4;}

.aulas-path-0{fill:none;stroke:#C5CED5;stroke-width:2.5;stroke-miterlimit:10;}
.aulas-path-1{fill:none;stroke:#C5CED5;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.checked-path-0{fill:#01CD6A;}
.checked-path-1{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.path-projeto-checked-1 {fill: #0ac5d4;}
.path-projeto-checked-2 {fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;stroke-width: 2px;}

.titulo-container-descricao { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 600; margin: 5px 0; color: #fff;}

/* EFEITO TOPO TRANSPARENTE */
section.container-site-devmedia { padding-top: 0;}
/*.container-site-devmedia{padding-top: 0; margin-top: 0 !important;}
.header-site-devmedia { z-index: 9999 !important; }
.header-site-devmedia:not(.home-bottom) { background-color: transparent; box-shadow: none; height: 80px;} 
.header-site-devmedia:not(.home-bottom) .logo-devmedia .st1, body:not(.fixScreen) .header-site-devmedia:not(.home-bottom) .logo-devmedia .st0, body:not(.fixScreen) .header-site-devmedia:not(.home-bottom) .logo-devmedia .st2, .header-site-devmedia:not(.home-bottom) .logo-devmedia .cls-2, .header-site-devmedia:not(.home-bottom) .logo-devmedia .cls-1{ fill: white;}
.header-site-devmedia:not(.home-bottom) .logo-devmedia .st3 { stroke: white;}
.header-site-devmedia:not(.home-bottom) .menu-item-devmedia { color: white; box-shadow: none;}
.header-site-devmedia:not(.home-bottom) .menu-topo-devmedia .arrow-menu { position: relative;}
.header-site-devmedia:not(.home-bottom) .link-login-devmedia, 
.header-site-devmedia:not(.home-bottom) .devmenu-mobile .logo-mob { color: #fff; }
.header-site-devmedia:not(.home-bottom) .devmenu-mobile .drop-mobile a.menu span { background-color: #fff; }
.header-site-devmedia:not(.home-bottom) .menu-topo-devmedia .arrow-menu:before { border-top: 5px solid #fff;}
.header-site-devmedia:not(.home-bottom) .menu-topo-devmedia .arrow-menu:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #465760; right: 0px; z-index: 10; position: absolute; top: 5px;}
.header-site-devmedia:not(.home-bottom) .form-busca .btn-text-top { background-color: transparent; color: white; box-shadow: none; border: 2px solid white; font-weight: 500; height: 46px; border-radius: 23px; }
.header-site-devmedia:not(.home-bottom) .form-busca .btn-buscar-top { background: url("//www.devmedia.com.br/imagens/2013/buscar_white.png") no-repeat !important;}
.header-site-devmedia:not(.home-bottom) .form-busca .btn-text-top::placeholder { color: white;}
.header-site-devmedia:not(.home-bottom) .page-mvp { border: 2px solid #0AC5D4; background-color: initial; box-shadow: 0px 12px 34px rgba(0,0,0,.16); width: 130px; height: 42px; transition: all .2s ease; border-radius: 23px;}
.header-site-devmedia:not(.home-bottom) .page-mvp a.link-page-mvp { color: #0AC5D4;}
.header-site-devmedia:not(.home-bottom) .submenu-itens-devmedia { border-radius: 6px; padding: 15px 0 5px; margin-top: 15px;} */

/* BOX ADMIN */
.box-servico-admin { max-width: 380px; width: auto; margin: 25px auto; border: 1px solid #787878; font-family: "Montserrat", sans-serif; text-align: center; padding: 10px;}
.box-servico-admin a { display: block; color: #484848; text-decoration: none; padding: 3px; margin: 5px 0;}
.box-servico-admin .title-box-servico { background: linear-gradient(to right, #4CAF50, #8BC34A); color: white; margin: -10px -10px 10px; padding: 20px; font-weight: 600; font-size: 20px;}
.box-servico-admin a:hover { font-weight: 500;}
.page-header .excluido { background-color: red; width: 100%; color: white; text-align: center; padding: 7px; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
.visualizacoes { border: 2px solid #0AC5D4; color: #0AC5D4; font-weight: 500; text-align: center; padding: 5px; border-radius: 6px;}
.total-favoritos-adm, .total-likes-adm, .total-visualizacoes-adm {width: 90%; margin: 5px auto; font-size: 14px;  font-family: "Montserrat", sans-serif; color: #383838; text-align: center; border: 2px solid #383838; font-weight: 600;max-width: 380px;}

/* COMENTÁRIOS */
.comentariosArtigo{ width: 100%; }
.comentario_viewguia{ /*width: 708px; margin: 0 0 0 278px;*/ width: 52vw; margin: 30px 27.5vw 0 20.5vw;}
.comentarios_outer { margin-top: 0; }

/* MODAL */
#modal-msg { display: none; }
#modal-msg.active { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.3); z-index: 200; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#modal-msg p { margin: 0; background-color: white; z-index: 1; border: 1px solid #e1e1e1; width: 400px; max-width: 95%; border-radius: 5px; text-align: center; padding: 50px 20px; box-sizing: border-box; font-size: 16px; line-height: 30px; font-family: "Roboto", sans-serif; position: relative; cursor: default;}
#modal-msg p i { position: absolute; z-index: 1; top: 10px; right: 10px; cursor: pointer; height: 1.2em; width: 1.2em; font-size: 14px;}
#modal-msg p i:before { height: 100%; content: ""; border-left: 0.15em solid; transform: rotate(-45deg); position: absolute; left: .5em;}
#modal-msg p i:after { height: 100%; content: ""; border-left: 0.15em solid; transform: rotate(45deg); position: absolute; left: .5em;}

/* BANNER MVP RODAPÉ */
#modulo-mvp{position: relative; height: auto !important;}
.modulo-mvp{position: relative; text-align: right; margin-bottom: 50px;}
.modulo-mvp img{width: 90%; height: 170px; border-radius: 2px;}
#modulo-mvp a { display: inline-block; /* width: 100%;*/ height: 100%; max-height: 62px;display: inline-flex; justify-content: center; align-items: center;}
.modulo-mvp a { text-decoration: none; font-family: "Roboto Slab", sans-serif; display: inline-block;}
.acesso-conteudo { position: absolute; left: 0; right: 220px; text-align: center; top: 50%; transform: translateY(-50%); font-family: "Montserrat", sans-serif; font-size: 22px; background-color: rgba(235, 15, 97,.9); color: #fff; padding: 0 30px; border-radius: 10px; height: 98px; font-weight: 500; transition: .3s all;}
.saiba-mais { position: absolute; right: 36px; top: 50%; transform: translateY(-50%); background-color: #fff; padding: 0 30px; border-radius: 10px; font-family: "Roboto", sans-serif; color: #EB0F61; text-transform: uppercase; font-weight: bold; height: 62px; font-size: 16px; transition: .3s all;}
.saiba-mais:hover{transition: .3s all; box-shadow: 2px 3px 6px rgba(0, 0, 0, .16); }
.acesso-conteudo, .saiba-mais{display: flex; justify-content: center; align-items: center; box-shadow: 12px 15px 20px rgba(0,0,0,.16);}
.banner-mvp{background-image: url('../img/guia_mvp_img.jpg'); background-repeat: no-repeat; background-position: top center; height: 315px; width: 100%; background-size: cover; z-index: 10;}
.mestre-tecnologia { position: absolute; background-color: #fe1b59; padding: 20px 30px; color: #fff; text-transform: uppercase; top: -15px; left: 30px; font-family: "Montserrat", sans-serif; font-size: 22px; font-weight: 500; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.acesso-completo { position: absolute; bottom: 50px; right: 0; background-color: #fff; padding: 40px 50px; color: #373737; font-family: "Montserrat", sans-serif; line-height: 30px; font-size: 20px; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.saiba-mais-mvp { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); background-color: #fe1b59; color: #fff; padding: 10px 25px; text-transform: uppercase; font-size: 14px;transition: .3s all;}
.tecnologia{letter-spacing: 3px; }
.saiba-mais-mvp { letter-spacing: 3px; min-width: 120px; text-align: center;}
.banner-mvp:hover .saiba-mais-mvp{padding: 10px 40px; transition: .3s all;}
.sup-title_guia_mvp { background-color: #fe1b59; color: #fff; padding: 15px 40px;font-family: "Montserrat", sans-serif;font-size: 18px; box-shadow: 12px 15px 20px rgba(0,0,0,.16); border-radius: 5px; position: relative; margin-bottom: 20px;}
.sup-title_guia_mvp:hover { transition: .3s all; background-color:  #fff; color: #fe1b59;}
.sup-title_guia_mvp:hover svg { background-color: #fe1b59; transition: .3s all;}
.sup-title_guia_mvp:hover svg path { stroke: #fff; transition: .3s all;}

/* SAMBA CONTAINER */
.samba-video-include { margin: 0; }
.samba-video-include iframe { width: 100%; height: 100%; border-radius: 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
#samba-video-live-code { position: relative; z-index: 1; width: 100%; height: 300px;}
.projeto-box > .samba-video-include.player::after { content: "";  opacity: .6; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(//player.sambatech.com.br/v3/3.1022/img/play_white.svg) center no-repeat #454545; pointer-events: none;}
.img-video-banner img{margin: 0 !important;}
.samba-video-include { width: 100%; display: flex; position: relative; font-family: "Montserrat", sans-serif}
.samba-video-include .samba-playlist-text-wrapper{font-size: 14px; padding: 10px 15px;}
.samba-video-include .samba-playlist-slide{height: inherit;}
.samba-video-include img{border-radius: 0;}
.samba-playlist-tracker{width: 100%;}

.container-devcast{position: relative;}
.container-devcast .area-links-devcast{ width: 100%; padding: 0; margin-top: -5px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; display: none;}
.area-links-devcast .links-devcast > a { text-decoration: none; color: #fff; margin: 0; width: calc(100%/3); display: flex; justify-content: center; align-items: center; }
.container-devcast .area-links-devcast .links-devcast svg { width: 35px; height: 33px;}
.container-devcast .area-links-devcast .links-devcast svg path, .container-devcast .area-links-devcast .links-devcast svg line { stroke: #fff;}
.container-devcast .area-links-devcast .links-devcast .midia-social svg path, .container-devcast .area-links-devcast .links-devcast .midia-social svg line{stroke: none; fill: #fff;}
.container-devcast .midia-social{margin: 0; width: calc(100%/3); height: 37px;}
.container-devcast .midia-social .action-menu-sub-icone-topo{display: none;}
.container-devcast .midia-social .icone-svg.svg-share{transform: scale(.8);}
.container-devcast .midia-social:hover .icone-svg.svg-share{display: none;}
.container-devcast .midia-social:hover .action-menu-sub-icone-topo{display: flex;}
.container-devcast .midia-social a{margin: 0; color: transparent;}
.area-links-devcast .links-devcast { width: 100%; display: flex; align-items: center; padding: 5px 0; background-color: #0ac5d4; margin-top: 30px; border-radius: 5px;}
.area-links-devcast .links-devcast > a span { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 500; margin-left: 5px;}
.container-devcast .area-links-devcast .links-devcast .like-button.like-usuario span, .container-devcast .area-links-devcast .links-devcast .fav-button.fav-usuario span{/*color: #276469;*/}
.container-devcast .area-links-devcast .links-devcast .like-button.like-usuario svg path, .container-devcast .area-links-devcast .links-devcast .like-button.like-usuario svg line, .container-devcast .area-links-devcast  .links-devcast .fav-button.fav-usuario svg path, .container-devcast .area-links-devcast .links-devcast .fav-button.fav-usuario svg line{/*stroke: #276469;*/}
.area-links-devcast .legenda { width: auto; padding: 5px 15px; position: relative; background-color: #eaeaea;   border-radius: 5px;}
.area-links-devcast .legenda:after, .legenda:before { top: 100%; left: 50%; border: solid transparent; content: " ";    height: 0; width: 0; position: absolute; pointer-events: none;}
.area-links-devcast .legenda:after { border-color: rgba(136, 183, 213, 0); border-top-color: #eaeaea;  border-width: 15px; margin-left: -15px;} 
/* .area-links-devcast .legenda:before { border-color: rgba(194, 225, 245, 0); border-top-color: #e5e5e5; border-width: 18px; margin-left: -18px;} */
#devcast h3{margin-top: 30px;}

.area-devcast { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; height: auto; border-radius: 5px; margin-top: 25px; margin-bottom: 25px;}
.container-devcast .area-devcast{margin-bottom: 0;}
.area-devcast svg { width: 35px; height: 35px; }
.area-devcast .texto-feedback {flex: 0 0 auto; width: 360px; height: inherit; display: flex; justify-content: center;    align-items: center;}
.area-devcast .texto-feedback p { margin: 0; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 500; color: #A2A9B9; line-height: 18px;}
.area-devcast .botoes-devcast { flex: 1 1 auto; display: flex; justify-content: center; background-color: #F5F6FA; height: inherit; align-items: center; border-radius: 0 5px 5px 0; width: 292px; height: 70px; border-radius: 35px; border: 1px solid #E9ECF3; margin-top: 15px;}
.area-devcast .botoes-devcast > a, .area-devcast .botoes-devcast .midia-social { width: 50px; display: flex; justify-content: center; height: inherit; align-items: center; z-index: 1; margin: 0 7px;}
.area-devcast .botoes-devcast > a:after, .botoes-devcast .midia-social:after { content: ""; background-color: #F9FAFA; position: absolute; width: 50px;height: 50px; border-radius: 25px; z-index: -1; box-shadow: 2px 3px 6px rgba(19, 86, 174, .16);}
.area-devcast .botoes-devcast > a svg path, .area-devcast .botoes-devcast > a svg line { stroke: #A2A9B9;}
.area-links-devcast .legenda p { margin: 0; font-size: 16px; font-family: "Montserrat", sans-serif; text-align: center; color: #454545; font-weight: 500;}
.botoes-devcast .midia-social{height: inherit;}
.midia-social .icone-svg.svg-share{transform: scale(.7) !important;};
.midia-social .icone-svg.svg-share .svg-element.lines { fill: #fff !important;}
.container-devcast .svg-element.lines{fill: #A2A9B9 !important; stroke: #A2A9B9; stroke-width: .5;}
.midia-social .action-menu-sub-icone-topo .social-icone { display: inline-flex; flex-wrap: wrap;}
.midia-social .action-menu-sub-icone-topo .sub-icone-svg { background-color: rgba(255,255,255,.9); border-radius: 20px;}
.midia-social .svg-share{fill: #A2A9B9;}

.md-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: var(--gradient); background-image: -ms-linear-gradient(top, rgba(37, 58, 68, .95) 0%, rgba(38, 65, 89, .95) 100%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 1000; opacity: 0; visibility: hidden; }
.md-modal {
    width: 50%;
    height: auto;
    position: fixed;
    background: #fff;
    top: 50%;
    padding: 0 20px 20px 20px;
    left: 50%;
    border-radius: 5px;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 2000;
}

.md-show {
	visibility: visible;
}
	.md-show ~ .md-overlay {
		opacity: 1;
		visibility: visible;
	}

.md-trigger,
.md-close {
	cursor: pointer;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Content styles */
.md-content {
	margin: 0 auto;
	position: relative;

	background: #fff;
	border-radius: 5px;
}
.md-title {
	padding: 30px 20px;

	display: flex;
	justify-content: space-between;
	align-items: center;	

	color: #333;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.hidden-item{display: none;}

.secao-comunidade.zindex121{z-index: 121;}

/* VIDEO */
.samba-video-include iframe { width: 100%; height: inherit; border-radius: 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.conteudo-guia .samba-video-include {width: 100%;}

/* DEVBOT MODAL */
    .dev-modal { position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 150; display: flex; align-items: center; justify-content: center; pointer-events: none; opacity: 0; transition: opacity .4s ease; backdrop-filter: blur(2px);}
    .dev-modal-body { max-height: calc(100% - 10px); box-sizing: border-box; padding: 40px 20px; pointer-events: none; opacity: 0; position: relative; top: -50px; transition: all .4s ease; width: 100%;}
    .dev-modal-close {height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;background-color: white;padding: 10px;border-radius: 50px;cursor: pointer;position: absolute;right: -10px;top: -10px;z-index: 2;transition: all .2s ease;}
    .dev-modal-close svg { height: 100%; width: 100%; fill: CURRENTCOLOR; stroke: CURRENTCOLOR; stroke-linecap: round; stroke-linejoin: round; stroke-width: 10px;}
    .dev-modal-close:hover { background-color: #393939; color: white;}
    .dev-modal.active { opacity: 1; pointer-events: auto;}
    .dev-modal.active .dev-modal-body { opacity: 1; pointer-events: auto; top: 0;}
    .dev-modal-msg { font-size: 16px; text-align: center; margin-bottom: 20px; line-height: 30px;}
    .dev-modal .destaque { font-weight: 500; color: #0bc1d1;}
    .dev-modal-btn { display: inline-block; background-color: #0bc1d1; color: white; border: none; padding: 10px 20px; border-radius: 10px; cursor: pointer; transition: all .2s ease; font-weight: 700;}
    .dev-modal-btn:hover { background-color: #575757;}
    .dev-modal .devbot-dialog:before { border-color: #393939; border-width: 12px; border-left-width: 0; border-right-width: 20px; border-top-color: transparent; border-bottom-color: transparent; left: -19px; top: 30px;}
    .dev-modal .devbot-dialog { padding: 25px 30px; border-radius: 15px; background: #393939; font-family: 'Share Tech Mono', monospace; width: 100%;}
    .dev-modal .devbot-dialog * { font-family: 'Share Tech Mono', monospace;}
    .dev-modal .devbot-wrapper { align-items: flex-start; justify-content: center; width: 800px; margin: auto; position: relative;}
    .dev-modal .devbot-avatar { width: 85px; height: 85px;}
    .dev-modal .devbot-dialog a {color: #0ac5d4;text-decoration: none;display: inline-block;}
    .dev-modal .devbot-dialog a:hover { text-decoration: underline;}
    .dev-modal .devbot-dialog ul {list-style: none;padding: 0 15px;line-height: 28px;margin: 30px 0 0;}
    .dev-modal .devbot-dialog ul li { position: relative; padding-left: 10px;}
    .devbot-dialog .btn-inscrever { font-weight: 500; color: #0bc1d1; cursor: pointer;}
    .devbot-dialog .btn-inscrever:hover { text-decoration: underline;}
    .devbot-dialog ul li:before {content: ">";color: #0bc1d1;position: absolute;left: -5px;top: 0px;}
/* DEVBOT MODAL */

/* --- MEDIA QUERIES --- */
@media (min-width: 1600px){
    /* TOPO */
    .conteudo-topo{ padding: 150px 280px 0 14.5vw; }
    .info-guia{ padding-right: 50px; }

    /* CONTEUDO GUIA */
    .conteudo-guia { padding: 0 27.5vw 0 20.5vw; }
    .conteudo-area-branca, .conteudo-area-preta{ margin: 0 -27.5vw 0 -20.5vw; width: auto;}
    .conteudo-guia .content-area_guia{ width: 51vw; margin: 0 auto; max-width: 800px;}
    .conteudo-guia .content-area_guia.conteudo-aprenda { width: 51vw; margin: 0 auto; max-width: 800px; }
    a[data-tipo=devcast] { width: 100% !important; display: flex; }    
    a[data-tipo=devcast] img { width: 100%; margin: 30px 0 0;}
    .conteudo-guia img, .conteudo video{ box-shadow: 12px 15px 20px rgba(19, 86, 174 ,.10);}

    /* MENU LATERAL */
    .menu-lateral-left{ width: 20.5vw; display: flex; justify-content: flex-end;}

    /* IDENTIFICADOR */
    .conteudo-guia .identificador-container{left: 11.5vw;}
    .menu-lateral-left{ left: 14.5vw; width: 5vw; }
    .comentario_viewguia{ width: 51vw; margin: 30px auto 0;}

    /* MAIS CURSOS */
    .mais-cursos-container{margin: 0 -27.5vw 0 -20.5vw; width: auto;}
    .conteudo-guia .identificador-container.identificador-gami, .content-area_guia.secao-comunidade .identificador-container{left: 11.5vw;}
}

@media (min-width: 1366px){
    .projetos-completos-box .projeto-completo-box{ width: 219px; }
}

@media (max-width: 1365px){
    .box-secao-aprenda .info-box-secao-aprenda .info-box-codigo-fonte{width: 160px;}
    .box-secao-aprenda .sub-info-box-codigo-fonte-texto{ padding: 0 10px; }
    .conteudo-aprenda-curso, .conteudo-aprenda-curso-andamento{ padding: 30px 25px; }

    .projetos-completos-box .projeto-completo-box{ margin: 5px; width: calc(100% / 2 - 10px); padding: 25px; }
    
    /* SEÇÃO COMUNIDADE */
    .secao-comunidade .conteudo-pergunta{max-width: 750px;}
    .secao-comunidade .conteudo-pergunta p{margin: 0 90px !important; font-size: 18px; text-align: center;}
    .conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares{width: 90%; margin: 0 auto;}

    .conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar{width: 340px;}
}
/* 
@media (min-width: 1201px){
    .info-guia .botao-iniciar{display: none;}
} */

@media (max-width: 1200px){
    .titulo-guia{font-size: 36px;}
    .serie-topo-destaque .bg-pattern-topo, .serie-topo-destaque .bg-image-topo{height: auto;}
    .info-guia{min-height: 400px;}
    
    /* BOX GAMI */
    .container-box-recompensas > div{margin-left: 20px;}

    /* SEÇÃO COMUNIDADE */
    .secao-comunidade .conteudo-pergunta{max-width: 600px;}
    .secao-comunidade .conteudo-pergunta p{margin: 0 90px !important; font-size: 16px; text-align: center;}

    /* MENUS LATERAIS, IDENTIFICADOR E INFO NO TOPO */
    .menu-lateral-left, .menu-trilha, .identificador-container, .banner-guias-inicio{display: none;}

    /* SEÇÃO VISUALIZAÇÃO PROGRAMADORES */
    .secao-visualizacao-programadores{width: calc(100% - 120px);} 
    .info-guia .botao-iniciar{display: flex; width: 314px; margin-top: 35px;}

    .conteudo-topo, .serie-topo-destaque{min-height: 662px; height: auto;}
    .conteudo-topo{position: relative;}

}

@media (min-width: 1025px){
    /* SEÇÃO APRENDA */    
    .conteudo-aprenda-curso.conteudo-aprenda-curso-impar:before{content: ""; width: 40px; height: 5px; position: absolute; top: -5px; right: -10.5%; transform: translateX(-50%);}
    .conteudo-aprenda-curso.conteudo-aprenda-curso-par:before{content: ""; width: 40px; height: 5px; position: absolute; top: -5px; left: -10.5%; transform: translateX(+50%);}
    .bullet-aprenda-curso { height: auto; width: auto; border-radius: 25px; top: -20px; position: absolute; left: 50%; transform: translateX(-50%); padding: 10px; }
    .bullet-aprenda-curso:before {content: ""; background-color: #C5CED5; width: 2px; position: absolute; top: 50px; height: 190px;  left: 50%; transform: translateX(-50%);}
    .conteudo-area-preta .bullet-aprenda-curso:before{background-color: #0AC5D4;}
    .item-conteudo-aprenda-curso.ultimo-item .bullet-aprenda-curso:before {content: "";  background-color: transparent; width: 0; position: absolute; top: 50px; height: 0;  left: 50%; transform: translateX(-50%);}
    .item-conteudo-aprenda-curso:last-of-type .bullet-aprenda-curso:before { background-color: transparent; }
    .conteudo-aprenda-curso.conteudo-aprenda-curso-impar:hover{ width: 60%; right: 316px; bottom: 60%;}
    .conteudo-aprenda-curso.conteudo-aprenda-curso-par:hover{width: 60%; left: 316px; bottom: 60%;}

    .item-conteudo-aprenda-curso:nth-child(odd) {flex-direction: row-reverse;}
    .conteudo-aprenda-curso:hover { height: auto; bottom: 0; position: relative; transform: translateY(-10%); padding: 30px 35px; border-top: none; border-radius: 10px !important; z-index: 1;}    
    .conteudo-aprenda-curso:hover .descricao-box-secao-aprenda { display: block; }
    .conteudo-aprenda-curso:hover .conteudo-aprenda-curso-link { display: flex; }
    .conteudo-aprenda-curso:hover .tipo-box-secao-aprenda{display: none;}
    .conteudo-aprenda-curso:hover .box-secao-aprenda .sub-info-box-codigo-fonte-texto{padding: 0 25px;}
    .conteudo-aprenda-curso:hover .info-box-secao-aprenda{margin: 20px 0;}
    .conteudo-aprenda-curso:hover .box-secao-aprenda .info-box-secao-aprenda .info-box-codigo-fonte{ width: 190px; }
    .conteudo-aprenda-curso:hover .info-box-visualizacoes{margin-top: 0;}

    .conteudo-aprenda-curso:hover:after { content: ""; position: absolute; height: 150px; width: 100%; top: 100%; left: 0;background-color: transparent; z-index: -1;}
    .item-conteudo-aprenda-curso .conteudo-aprenda-curso:hover:before{background: transparent; height: calc(100% + 100px); top: 0; width: 65px; }
    .item-conteudo-aprenda-curso .conteudo-aprenda-curso-impar:hover:before{right: -95px;}
    .item-conteudo-aprenda-curso .conteudo-aprenda-curso-par:hover:before{left: -95px;}

    .conteudo-aprenda-curso.conteudo-aprenda-curso.conteudo-aprenda-curso-impar{border-radius: 10px 0  10px 10px;}
    .conteudo-aprenda-curso.conteudo-aprenda-curso.conteudo-aprenda-curso-par{border-radius: 0 10px 10px 10px;}

    .span-bullet { height: 20px; width: 20px; background-color: #C5CED5; border-radius: 25px; margin: 0;}
    .conteudo-area-preta .span-bullet{background-color: #0AC5D4;}

    .ultimo-item-conteudo-aprenda-curso { position: relative; }
    /*.ultimo-item-conteudo-aprenda-curso:after { content: ""; position: absolute; top: 30px; height: 329px; width: 2px;      background-color: #0ac5d4;}*/
    .open-chat-container { border-radius: 5px; overflow: hidden; box-shadow: 12px 15px 20px rgba(17, 136, 233, .05); }
    .open-chat { display: none; }
    .chat { display: block; position: static; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; }
    .chat .md-content { opacity: 1;  -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none;  -webkit-transition: none; -moz-transition: none; transition: none; }
    .count-wrapper { overflow: auto; }
    .chat-opened-container { display: flex; justify-content: space-between; align-items: flex-start; }
    .chat-header { width: 165px; height: 100%; display: block; position: relative;}
    .chat-back, .chat-gradient { display: none; }
    .chat-techs { display: none; }
    .chat-title { width: 100%; padding: 25px 10px 20px; text-align: center; box-sizing: border-box; display: block; }
    .chat-title label { color: #1CD8D1; font-size: 12px; font-weight: 300;  text-transform: uppercase; letter-spacing: 1px; }
    #btn-msg { display: none; border: none; cursor: pointer; padding: 8px; font-size: 14px; background: #65b2c2; color: #fff; top: 0px; }
    .report-msg { text-decoration: none; color: #adadad; font-size: 11px; position: absolute; right: 0px; top: 25px; display: none; }
    .chat-list { display: block; padding: 10px 0; margin: 0; list-style: none; height: 365px; }
    .chat-list li { width: 100%; height: auto; padding: 10px 0 10px 40px;  display: flex; align-items: center;  position: relative;  color: #5792AE; font-size: 12px; font-weight: 300; cursor: pointer; }
    .chat-list li:hover { color: #fff; font-weight: 500; }
    .chat-list li:after { width: 95px; height: 40px; content: ''; display: none;  position: absolute; top: 0; left: 0;  background: -moz-linear-gradient(left, rgba(29,181,198,1) 0%, rgba(20,151,196,0.25) 50%, rgba(11,125,195,0) 100%); background: -webkit-linear-gradient(left, rgba(29,181,198,1) 0%,rgba(20,151,196,0.25) 50%,rgba(11,125,195,0) 100%); background: linear-gradient(to right, rgba(29,181,198,1) 0%,rgba(20,151,196,0.25) 50%,rgba(11,125,195,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db5c6', endColorstr='#000b7dc3',GradientType=1 ); }
    .chat-list .active { color: #fff; font-weight: 500; background: linear-gradient(to right, rgba(29,181,198,1) 0%,rgba(20,151,196,0.25) 50%,rgba(11,125,195,0) 100%); }
    .chat-list .active:after { display: none; }
    .chat-content { width: calc(100% - 165px); display: flex; justify-content: space-between; flex-direction: column; }
    .chat-canvas { height: 300px; }
    .chat-input-container { width: 100%; height: 130px; padding: 0; position: static; }
    .chat-input { width: 100%; height: 100%; margin: 0; border-top: 2px solid #E9ECF3; }
    .chat-input textarea { width: 100%; height: 100%; margin: 0; padding: 20px;  border-radius: 0; border: 0; }
    .chat-button { display: none; }

    .network-status{width: 100%; left: 0;}

}

@media (max-width: 1024px){

    /* MENUS LATERAIS, IDENTIFICADOR E INFO NO TOPO */
    /*.menu-lateral-left, .menu-trilha, .identificador-container, .banner-guias-inicio{display: none;}*/

    /* ÁREA DO CONTEÚDO E COMENTÁRIO*/
    .conteudo-guia .content-area_guia, .conteudo-guia .content-area_guia.conteudo-aprenda, .comentario_viewguia{width: 790px; margin: 0 auto;}
    .conteudo-area-preta h3, .conteudo-area-preta .text-content_guia{ text-align: center; }

    /* BOX SEÇÃO APRENDA */
    .item-conteudo-aprenda-curso { margin: 55px 0; height: auto;}
    .item-conteudo-aprenda-curso:first-of-type { margin: 0 0 55px 0; }
    .item-conteudo-aprenda-curso::after { content: ''; width: 2px; height: 120px; background: #C5CED5; display: block; position: absolute; bottom: -95px; left: 50%; z-index: 0;}
    .item-conteudo-aprenda-curso:last-of-type.item-conteudo-aprenda-curso:after {display: none;}
    .conteudo-aprenda-curso { width: 450px; margin: 35px auto; border-top: 5px solid #C5CED5; border-radius: 0 0 5px 5px; /*height: auto;*/}    
    .conteudo-aprenda-curso:nth-child(odd) { left: auto; }
    .box-secao-aprenda .info-box-secao-aprenda{margin: 20px 0;}
    .conteudo-aprenda-curso .conteudo-aprenda-curso-link, .conteudo-aprenda-curso-andamento .conteudo-aprenda-curso-link { display: flex; bottom: -20px;}   
    .conteudo-area-preta .link{position: relative; left: 50%; transform: translateX(-50%);}
    .conteudo-aprenda-curso, .conteudo-aprenda-curso-andamento, .item-conteudo-aprenda-curso:nth-child(odd) .conteudo-aprenda-curso, .item-conteudo-aprenda-curso:nth-child(odd) .conteudo-aprenda-curso-andamento, .conteudo-aprenda-curso.conteudo-aprenda-curso.conteudo-aprenda-curso-impar, .conteudo-aprenda-curso.conteudo-aprenda-curso.conteudo-aprenda-curso-par{ position: relative; left: auto; right: auto; }

    .item-conteudo-aprenda-curso.ultimo-item::after{background: none;}
    .categoria-aprenda-curso{ margin-bottom: -50px;}
    .categoria-aprenda-curso:first-of-type { margin-top: 50px; }
    .categoria-aprenda-curso:after{ height: 30px; bottom: -35px;}

    .secao-visualizacao-programadores .visualizacao-programadores{ flex-wrap: wrap; }
    .secao-visualizacao-programadores .visualizacao-programadores a{justify-content: center; max-width: none; width: calc(100% / 4);}
    .secao-visualizacao-programadores .visualizacao-programadores a .visualizacao-programador { display: flex; flex-wrap: wrap;     justify-content: center; align-items: center; margin-top: 25px; }
    .secao-visualizacao-programadores .visualizacao-programadores a .visualizacao-programador > div { width: 100%; display: flex; justify-content: center;}

    .box-desafios .paineis-box-desafios .painel-1 .melhores-players .usuarios{flex-wrap: wrap;}
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players .usuarios .usuario{margin-top: 20px;}

    .slick-slide img{display: block;}

    /* SEÇÃO CHAT */
    .chat-gradient{background: transparent;}
    .network-status {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
    }

    .secao-visualizacao-programadores .visualizacao-programadores .dados-empresa{right: auto; left: 55%;}

    .secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador{width: calc(100%/4); height: 150px;}
    .secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador .empresa{left: 50%;}

}

@media (max-width: 967px){
    /* ÁREA DO CONTEÚDO E COMENTÁRIOS*/
    .conteudo-guia .content-area_guia, .conteudo-guia .content-area_guia.conteudo-aprenda, .comentario_viewguia{width: 710px; margin: 0 auto;}

    .mais-cursos-container p{font-size: 22px;}

    /* ÁREA DE PROJETOS */
    .projeto-box{width: 100%; margin: 50px 0;}

    .conteudo-area-preta h3, .box-desafios .titulo-box-desafios p{font-size: 32px;}
    .conteudo-guia h2, .conteudo-guia h3{font-size: 28px;}

    /* SEÇÃO DESAFIOS */
    .box-desafios .paineis-box-desafios{width: 100%;}
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players, .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade{padding: 26px;}

    /* SEÇÃO MAIS CONTEÚDO */
    .conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp p{font-size: 18px;}
    .conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp a{width: 160px; height: 45px; font-size: 13px; margin-left: 30px;}

    .conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares{width: 100%; margin: 15px auto 0;}
    /* .conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar{height: 300px;} */

    /* SEÇÃO COMUNIDADE */
    .topicos-comunidade .topico-comunidade .topico-tags .tags-label{flex-wrap: wrap;}
    .topicos-comunidade .topico-comunidade .topico-tags .tags-label span{margin-bottom: 15px;}
    .topicos-comunidade .topico-comunidade .topico-tags .tags{flex-wrap: wrap;}
    .topicos-comunidade .topico-comunidade .topico-tags .tags .tag{margin-bottom: 10px;}
    .topicos-comunidade .slick-dots{bottom: -25px;}
    .secao-comunidade .label-comunidade{font-size: 36px;}
    .atividade-comunidade .usuarios-atividade-comunidade{width: 140px;}

    /* SEÇÃO PAPERS */
    .conteudo-area-branca.papers-secao .papers .paper{width: calc(100%/3 - 20px); padding: 25px; margin-right: 10px;}

}

@media (min-width: 768px){
    /* MENU MOBILE */
    .menu-mobile-footer { display: none; }

    /* SEÇÃO DESAFIOS */
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade{ display: flex; flex-wrap: wrap;        justify-content: center;}
}

@media (max-width: 767px){
    .conteudo-topo, .serie-topo-destaque{overflow: hidden;}
    .serie-topo-destaque .bg-pattern-topo, .serie-topo-destaque .bg-image-topo{height: auto;}
    .info-guia{min-height: 400px;}

    /* ÁREA DO CONTEÚDO */
    .conteudo-area-branca, .conteudo-area-preta{padding: 40px 0;}
    .conteudo-guia .content-area_guia, .conteudo-guia .content-area_guia.conteudo-aprenda{width: calc(100% - 100px); margin: 0 auto;}
    .conteudo-guia p, .conteudo-area-preta.area-secao-videos-complementares .content-area_guia p { font-size: 16px; line-height: 32px; }

    /* LIKE, FAVORITO E SHARE */
    .menu-right-guia{display: none;}

    /* SLIDER */
    .slider-box { display: none; }   

    /* LISTA MOBILE */
    .conteudo-mobile { display: block; }

    /* SEÇÃO DE PROJETOS COMPLETOS */
    .projetos-completos-box .projeto-completo-box{ width: calc(100%/2 - 20px); }

    /* SEÇÃO DOS COMENTÁRIOS */
    .comentario_viewguia{width: 90%; margin: 0 auto;}
    
    /* MEETUP */
    .conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar{width: 100% !important; height: auto !important;}
    .conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar .img-meetup{height: auto; min-height: auto;}    

    /* SEÇÃO DESAFIOS */
    .box-desafios .paineis-box-desafios{width: 100%; height: auto;}
    .box-desafios .paineis-box-desafios .painel-1{flex-wrap: wrap; height: auto;}
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players{margin-right: 0;}
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade{ width: 100%; margin-top: 10px;}
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto{justify-content: center;}
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto .taxa{padding: 0; justify-content: center; flex-direction: column;}
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto .taxa p{line-height: 30px;}
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .percentual-erro p, .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-acerto .percentual-acerto p{font-size: 24px;}
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto .taxa{height: 90px;}
    .box-desafios .paineis-box-desafios .painel-2{flex-wrap: wrap; height: auto;}
    .box-desafios .paineis-box-desafios .painel-2 .recompensas-desafios{margin-right: 0;}
    .box-desafios .paineis-box-desafios .painel-2 .inicio-desafios{ height: 70px; margin-top: 30px; width: 100%; flex: 1 1 auto;}

    .gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio{padding: 25px 30px;}
    .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio{width: 240px;}

    /* MENU MOBILE */
    .menu-mobile-footer { height: 70px; display: flex; z-index: 50; position: fixed; bottom: 0; width: 100%;    background-color: white; border-top: 1px solid #E6E6E6; box-shadow: 0 -3px 60px rgba(0, 0, 0, 0.3);}
    .menu-mobile-footer .icone-svg { height: 100%; width: 100%; transform: scale(1.1);}
    .action-menu-item { display: flex; justify-content: center; color: #8795A2; cursor: pointer; position: relative;margin: 0;}
    .action-menu-item-mobile svg{cursor: pointer;}
    .action-menu-list-mobile { width: 100%; display: flex; padding: 0; margin: 0; list-style: none;}
    .action-menu-list-mobile li { width: 25%; display: flex; align-items: center; justify-content: center; position: relative;}
    .action-menu-list-mobile li .action-menu-icone{position: relative;}
    .action-menu-label { display: none; }    
    .action-menu-list-mobile li .svg-star path, .action-menu-list-mobile li .svg-star line{stroke:#8795A2; }
    .action-menu-list-mobile li.favorito-usuario .svg-star path, .action-menu-list-mobile li.favorito-usuario .svg-star line{stroke:#8795A2; fill: #8795A2;}

    .action-menu-list-mobile li.like-usuario{ background-color: #0AC5D4; color: #fff; }
    .action-menu-list-mobile .like-button .path-like-topo{  stroke: #C5CED5;}
    .action-menu-list-mobile .like-button.like-usuario .path-like-topo{stroke: #fff; }
    .like-button { color: #fff; background-color: #F2F4F5; }    
    .like-button .total_likes_mobile { font-size: 9px; font-family: "Roboto"; line-height: 11px; position: absolute;background-color: #0AC5D4; color: #fff;  border: 1px solid #fff; border-radius: 8px; display: inline-flex; bottom: 50%; left: -13px; transition: all .2s ease; width: 25px; font-weight: 700; justify-content: center; align-items: center; height: 15px; padding: 0; transform: translateY(50%);}
    .like-button.like-usuario .total_likes_mobile{background-color: #8795A2;}
    .action-menu-item-mobile.like-button.like-usuario .like-button .total_likes_mobile{background-color: #8795A2; color: #fff;}
    .action-menu-icone.share-mobile > svg{ margin-top: 50%; }    
    .action-menu-icone svg { height: 100%; width: 100%; }
    .action-menu-icone .svg-share{transform: scale(.6);}
    .action-menu-icone .path-share{stroke: #8795A2; fill: #8795A2;}
    .action-menu-icone { height: 35px;  width: 35px; display: inline-flex; justify-content: center; align-items: center;right: 0; position: relative; transition: all .2s ease; color: #8795A2; cursor: pointer; position: relative; margin: 10px 0;}
    .total_likes_mobile { font-family: "Roboto";font-size: 9px; line-height: 11px; font-weight: 700; position: absolute; background-color: #0AC5D4; color: white; border: 2px solid white; border-radius: 10px; display: inline-block; padding: 2px 5px; bottom: -5px; right: -12px; transition: all .2s ease;}
    .social-icones-mobile { display: block; position: absolute; z-index: 999; width: 60px; height: 35px;}
    .social-facebook-mobile, .social-twitter-mobile { position: absolute; left: 15px; opacity: 0; pointer-events: none; }
    .social-icones-mobile .social-icone a { width: 100%; height: 100%; text-decoration: none; color: inherit;     background-color: #fff; height: 35px; width: 35px; display: block; border-radius: 50px; transform: scale(.9);    box-shadow: 2px 3px 6px rgba(0, 0, 0, .3);}
    .menu-mobile-footer{height: 54px; border-top: none;}
    .mobile-active{background-color: #F2F4F5; color: #0AC5D4; }
    .mobile-active .total_likes_mobile{background-color: #F2F4F5; color: #0AC5D4; border: 2px solid #0AC5D4;}
    .facebook-mobile-show{animation: show-facebook-mobile .7s forwards;}
    .facebook-mobile-hide{animation: hide-facebook-mobile .7s forwards;}
    .twitter-mobile-show{animation: show-twitter-mobile .7s forwards;}
    .twitter-mobile-hide{animation: hide-twitter-mobile .7s forwards;}

    .mais-cursos-container p{font-size: 20px;}
    .mais-cursos-container a{width: 125px;}

    /* BOX GAMI */
    .box-titulo-desafios p{font-size: 28px;}
    .container-box-recompensas{width: 580px;}
    .box-gami .box-comunicacao p{font-size: 18px;}
    .box-gami .box-comunicacao .paragrafo1 p:after { content: ""; background: linear-gradient(to right, #0ac5d4, transparent); height: 1px; width: 150px; position: absolute; top: 50%; transform: translateY(-50%); right: -130px;}
    .box-gami .box-comunicacao .paragrafo2 p:after { content: ""; background: linear-gradient(to left, #0ac5d4, transparent); height: 1px; width: 150px; position: absolute; top: 50%; transform: translateY(-50%); left: -130px;}

    /* SEÇÃO PROJETOS */
    .conteudo-secao-projetos .projeto-box{min-height: 200px;}
    .projeto-box-links .link-projeto{font-size: 12px;}
    .projeto-box-links .link-projeto.acesso-projeto{width: 165px;}
    .projeto-box-links .link-projeto.projeto-executavel{width: 165px;}

    /* SEÇÃO COMUNIDADE */
    .content-area_guia.secao-comunidade .titulo-secao-comunidade p{font-size: 32px;}
    .content-area_guia.secao-comunidade .link a, .conteudo-secao-comunidade p, .secao-comunidade .conteudo-pergunta p{font-size: 14px;}
    .content-area_guia.secao-comunidade .link a{margin: 0 10px;}

    .area-links-devcast .legenda p{font-size: 14px;}
    .links-devcast .like-button, .area-devcast .like-button{background-color: transparent;}

    .area-devcast .texto-feedback{width: 320px;}
    .area-devcast .texto-feedback p{font-size: 14px;}

    .conteudo-area-preta h3, .box-desafios .titulo-box-desafios p{font-size: 28px;}
    .box-desafios .quantidade-box-desafios p{font-size: 20px;}
    .conteudo-guia h2, .conteudo-guia h3{font-size: 24px;}

    .secao-comunidade .label-comunidade{font-size: 32px;}
    .topicos-comunidade{padding-bottom: 20px; margin-top: 30px;}
    .topicos-comunidade .slick-dots{bottom: -45px; left: 50%; transform: translateX(-50%); right: auto; top: auto;}
    .topicos-comunidade .topico-comunidade .area-botoes-comentarios{flex-wrap: wrap;}
    .topicos-comunidade .topico-comunidade .topico-comentarios{margin-top: 30px; justify-content: flex-start;}

    .secao-comunidade .topo-secao-comunidade .area-titulo-tag{flex-wrap: wrap;}
    .secao-comunidade .topo-secao-comunidade .area-titulo-tag .titulo-comunidade {width: 100%;}
    .secao-comunidade .topo-secao-comunidade .area-titulo-tag .tag-comunidade { width: 100%; margin-top: 20px; }
    .secao-comunidade .topo-secao-comunidade .area-titulo-tag .titulo-comunidade .label-comunidade, .gami-secao .titulo-desafios p, .secao-comunidade .titulo-comunidade .label-comunidade{font-size: 28px;}

    /* SEÇÃO VISUALIZAÇÃO PROGRAMADORES */
    .secao-visualizacao-programadores .visualizacao-programadores .secao-visualizacao-programadores .titulo-secao-visualizacao-programadores p{font-size: 16px;}       
    .secao-visualizacao-programadores{ width: calc(100% - 50px); } 

    .conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares{margin: 35px auto 0;}
    /* .conteudo-area-preta.area-secao-videos-complementares .content-area_guia .videos-complementares .video-complementar{height: 250px;} */
    .area-secao-videos-complementares * {outline: none;}
    .area-secao-videos-complementares .url-meetup .video-complementar{margin-left: auto !important; margin-right: auto !important;}

    /* SEÇÃO GUIA */
    .conteudo-area-preta.guia-aprendizado .info-guia-container { flex: 1 1 auto; padding: 40px 30px 40px 50px; display: flex; align-items: center; flex-wrap: wrap; }
    .conteudo-area-preta.guia-aprendizado .itens-guia-container{width: 180px;}
    .conteudo-area-preta.guia-aprendizado .descricao-info-guia p{font-size: 14px;}
    .conteudo-area-preta.guia-aprendizado .info-guia-container .titulo-info-guia > p{font-size: 16px;}
    .conteudo-area-preta.guia-aprendizado{padding: 80px 0;}

    /* SEÇÃO PAPERS */
    .conteudo-area-branca.papers-secao .papers .paper{width: 46%;}

    .menu-suporte iframe { width: 100%; max-width: 750px; height: 300px;}

    /* NOVA ÁREA DEVCAST */
    .box_nav{flex-wrap: wrap; flex-direction: column-reverse;}
    #list {margin-top: 15px; margin-right: 0; width: 100%;}
    
}

@media (max-width: 625px){
    /* TOPO */
    .conteudo-topo{padding: 10px 70px;}
    .titulo-guia{font-size: 36px;}
    .titulo-guia.reduzido{font-size: 32px;}
    .info-guia{height: inherit; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap;}
    
    /* ÁREA DO CONTEÚDO */
    .conteudo-aprenda-curso{width: 400px;}
    .busca-mobile{background-color: transparent;}
    .busca-mobile.active { background-color: #fff; }
    .conteudo-area-preta.secao-conteudo-aprenda { padding: 40px 0 70px; }

    .projeto-box .projeto-tag{left: -10px;}

    /* BOX GAMI */
    .box-titulo-desafios p{font-size: 24px;}
    .container-box-recompensas { display: flex; flex-wrap: wrap; width: 70%; border-radius: 10px; height: auto;  padding: 30px 10px;}
    .container-box-recompensas > div { margin: 5px auto; width: 100%; justify-content: center;}
    .container-box-recompensas .principal{margin-bottom: 15px;}
    .box-gami .box-comunicacao p{font-size: 16px;}
    .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio{width: 205px;}

    .area-devcast .texto-feedback{width: 225px;}

    .box-desafios .paineis-box-desafios .painel-1 .melhores-players .usuarios .usuario{width: calc(100% / 2);}

    /* SEÇÃO VISUALIZAÇÃO PROGRAMADORES */
    .secao-visualizacao-programadores .visualizacao-programadores a{width: calc(100% / 2);}

    /* SEÇÃO MAIS CONTEÚDOS */
    .conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp p{flex-wrap: wrap; justify-content: center; font-size: 14px; text-align: center;}
    .conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp a{margin-left: 20px; width: 140px; height: 35px; font-size: 12px;}

    .conteudo-topo{padding: 120px 50px 100px;}

    /* SEÇÃO COMUNIDADE */
    .atividade-comunidade .dados-atividade-comunidade{flex-wrap: wrap;}
    .atividade-comunidade .usuarios-atividade-comunidade{width: 100%;}
    .atividade-comunidade .descricao-atividade-comunidade{margin-top: 20px;}

    /* SEÇÃO GUIA */
    .conteudo-area-preta.guia-aprendizado .guia-container{height: auto; flex-wrap: wrap; }
    .conteudo-area-preta.guia-aprendizado .itens-guia-container{width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; border-radius: 0 0 10px 10px;}
    .conteudo-area-preta.guia-aprendizado .itens-guia-container > p > span{display: none;}
    .conteudo-area-preta.guia-aprendizado .itens-guia-container p{width: auto; margin-top: 0;}
    .conteudo-area-preta.guia-aprendizado .info-guia-container{padding: 40px 30px 30px 50px;}

    .secao-visualizacao-programadores .visualizacao-programadores .visualizacao-programador{width: calc(100%/2);}
}

@media (max-width: 540px){
    /* TOPO */
    .conteudo-topo{padding: 120px 30px 70px;}
    .link-banner-guias-inicio .botao-iniciar{width: 270px;}
    .titulo-guia{font-size: 32px;}
    .titulo-guia.titulo-grande{font-size: 28px;}
    .titulo-guia.titulo-grande.reduzido{font-size: 24px;}

    /* ÁREA DO CONTEÚDO */
    .conteudo-guia .content-area_guia, .conteudo-guia .content-area_guia.conteudo-aprenda{width: calc(100% - 50px); margin: 0 auto;}
    .conteudo-guia p{ font-size: 16px; line-height: 2em; font-family: "Source Serif Pro"; margin: 0; color: #253A44; }    

    /* SEÇÃO DE PROJETOS COMPLETOS */
    .projetos-completos-box .projeto-completo-box{width: calc(100% - 20px);}
    .projetos-completos-box .projeto-completo-box .projeto-texto{ width: 100%; }
    .menu-suporte .text-content_guia{ color: #253A44; font-size: 16px; }

    /* SEÇÃO APRENDA */
    .conteudo-area-preta h3{ font-size: 25px; margin: 0 !important; }
    .conteudo-area-branca h3, .conteudo-guia h2{ font-size: 20px;}
    .conteudo-aprenda-curso{width: 380px;}
    .box-secao-aprenda .titulo-box-secao-aprenda{font-size: 14px;}
    .projeto-box-nivel .projeto-box-nivel-titulo{text-align: center;}
    .titulo-conteudo-aprenda { margin-bottom: 10px !important; }

    /* SUPORTE */
    .menu-suporte{padding-left: 0;}
    .menu-suporte li::before{background-color: transparent;}

    /* SEÇÃO PROJETOS */
    .conteudo-secao-projetos .dados-projetos { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 20px;}
    .conteudo-secao-projetos .dados-projetos .icone-download-projetos{width: 75px; margin-right: 0;}
    .conteudo-secao-projetos .dados-projetos .dados .total_downloads p{ font-size: 50px; line-height: 65px; text-align: center;}
    .conteudo-secao-projetos .dados-projetos .dados .texto_dados{justify-content: center;}
    .conteudo-secao-projetos .dados-projetos .dados .texto_dados p{ font-size: 16px; text-align: center;}

    .projeto-info-tags{justify-content: flex-start; width: 100%; flex-direction: row;}
    .projeto-info-tags span{display: inline-flex; align-items: center; justify-content: center;}
    .projeto-info-tags span:last-of-type{margin-right: 0;}
    .projeto-box-titulo{margin: 10px 0;}
    .projeto-box-titulo p { font-size: 18px; font-family: "Montserrat", sans-serif; color: #253A44; text-align: left; line-height: 28px;}
    .projeto-box-tecnologias{justify-content: space-around; display: flex; flex-wrap: wrap;}
    .projeto-box-tecnologias span{margin-bottom: 20px;}
    .projeto-box-tecnologias span:last-of-type{margin-right: 0;}
    /*.projeto-box .projeto-tag { left: 50%; transform: translateX(-50%);} */
    .projeto-box-links{width: 100%; justify-content: center; flex-wrap: wrap; left: 50%; transform: translateX(-50%); right: auto;}
    .projeto-box-links .link-run{width: 100%; margin: 0 0 25px 0;}
    .projeto-box{padding: 20px 25px 40px;}
    .projeto-box-links .link-projeto.acesso-projeto{width: 135px;}
    .projeto-box-links .link-projeto.projeto-executavel{width: 135px;}
    .conteudo-secao-projetos .dados-projetos .visualzacoes-projeto{margin: 10px 0; width: 100%; text-align: center;}

    /* MAIS CURSOS */
    .mais-cursos-container{flex-wrap: wrap; flex-direction: column;}
    .mais-cursos-container p{ font-size: 20px; font-family: "Montserrat", sans-serif; font-weight: 600; margin-right: 0; width: 100%; text-align: center; margin-bottom: 15px;}
    .mais-cursos-container a{ font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 500; text-transform: uppercase; border-radius: 29px; width: 146px; height: 33px; text-decoration: none; justify-content: center; align-items: center; display: flex; }
    .categoria-aprenda-curso p { margin: 0; border: 2px solid #C5CED5; color: #C5CED5; font-family: "Montserrat", sans-serif; font-weight: 700; padding: 5px 23px; border-radius: 6px; position: relative; text-transform: uppercase;}

    /* BOX GAMI */    
    .box-titulo-desafios p{font-size: 25px; color: #fff; font-family: "Press Start 2P", sans-serif; margin-bottom: 35px;}
    .box-gami .box-comunicacao{margin: 35px 0 90px;}
    .box-gami .box-comunicacao p{color: #fff; font-family: "Montserrat", sans-serif;}
    .box-gami .box-comunicacao .paragrafo1 p:after{ width: 100px; right: -65px; }
    .box-gami .box-comunicacao .paragrafo2 p:after{ width: 100px; left: -65px; }
    .conteudo-area-preta.gami-secao { background-image: url("../img/bg-gamification-serie.png"); background-position: top; background-size: auto; position: relative;}
    .conteudo-area-preta { background: linear-gradient(to top, #253A44, #264159); padding: 80px 0 60px;}
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players, .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade, .box-desafios .paineis-box-desafios .painel-2 .recompensas-desafios{padding: 20px;}
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players .img-usuario{height: 50px;}
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players .img-usuario img{height: 50px; width: 50px;}
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players .nome-usuario p{font-weight: 500;}
    .box-desafios .paineis-box-desafios .painel-2 .botao-inicio{font-size: 14px;}
    .box-desafios .paineis-box-desafios .painel-2 .premios-recompensas-desafios .recompensa{font-size: 10px;}
    .box-desafios .premios-recompensas-desafios svg{margin-right: 5px;}

    .gami-secao .exercicios-comunidade .exercicio-comunidade{flex-wrap: wrap;}
    .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio{width: 100%;}
    .gami-secao .exercicios-comunidade .exercicio-comunidade .info-exercicio{padding: 40px 50px;}
    .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros, .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .ultimos-acertos{height: 130px;}
    .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .dados-porcentagem, .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .barra-progresso{width: 100%;}
    .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio{border-radius: 0;}
    .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros{padding: 0 50px;}
    .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .taxa-acertos, .gami-secao .exercicios-comunidade .exercicio-comunidade .dados-exercicio .taxa-acertos-erros .taxa-erros{width: 100%;}

    /* SEÇÃO COMUNIDADE */
    .conteudo-area-preta.gami-comunidade {background: linear-gradient(to right, #0B7DC3, #1DB5C6);}
    .secao-comunidade .conteudo-pergunta{height: 120px;}
    .conteudo-secao-comunidade p { text-align: center; font-size: 14px !important; color: #6DF4FF; font-family: "Montserrat", sans-serif; font-weight: 400; }
    .conteudo-pergunta p { font-family: "Montserrat", sans-serif; font-weight: 500; color: #fff;}
    .secao-comunidade .conteudo-pergunta p{margin: 0 70px !important;}
    .conteudo-pergunta #aspas-inicio{left: 20px;}
    .conteudo-pergunta #aspas-fim{right: 20px;}
    .content-area_guia.secao-comunidade .titulo-secao-comunidade p{line-height: 30px; font-size: 28px;}
    .content-area_guia.secao-comunidade .link{flex-wrap: wrap; height: auto;}
    .content-area_guia.secao-comunidade .link a{margin: 10px 0;}
    .content-area_guia.secao-comunidade .titulo-secao-comunidade .tag-posts-forum span{font-size: 14px; font-weight: 300; min-width: 150px; border: 1px solid #6DF4FF;}

    .secao-comunidade .label-comunidade{font-size: 32px;}
    .gami-comunidade{padding: 40px 0;}
    .topicos-comunidade{margin-top: 10px;}
    .topicos-comunidade .slick-dots{bottom: 0;}

    /* SEÇÃO DESAFIOS */
    .box-desafios .paineis-box-desafios{margin-top: 20px;}
    .box-desafios .quantidade-box-desafios { margin-top: 20px; }
    .box-desafios .quantidade-box-desafios p{ font-size: 16pX; letter-spacing: 3px; }
    .box-desafios .titulo-box-desafios p{ line-height: 30px; }
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto .taxa{width: 70px; height: 70px;}
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro-acerto .taxa p{line-height: 24px;}
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .percentual-erro p, .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-acerto .percentual-acerto p{font-size: 20px;}
    .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-acerto .texto-acerto p, .box-desafios .paineis-box-desafios .painel-1 .desempenho-comunidade .taxa-erro .texto-erro p{font-size: 12px;}
    .box-desafios .paineis-box-desafios .painel-2 .premios-recompensas-desafios .recompensa p{font-family: "Montserrat", sans-serif;}

    /* SEÇÃO FAQ */
    .menu-suporte h4{font-size: 16px; font-weight: 600; line-height: 24px;}

    .area-devcast{flex-wrap: wrap; height: auto;}
    .area-devcast .texto-feedback{height: 60px; width: 100%;}
    /* .area-devcast .botoes-devcast{border-radius: 0 0 5px 5px;} */

    .conteudo-area-preta h3, .box-desafios .titulo-box-desafios p{font-size: 24px;}
    .conteudo-guia h2, .conteudo-guia h3{font-size: 20px;}

    /* SEÇÃO VISUALIZAÇÃO PROGRAMADORES */
    .visualizacao-programadores .secao-visualizacao-programadores { width: calc(100% - 50px); margin: 0 auto; }
    .visualizacao-programadores .secao-visualizacao-programadores .titulo-secao-visualizacao-programadores p{font-size: 14px;}

    /* SEÇÃO ACESSO EXCLUSIVO */
    .conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp{flex-wrap: wrap; justify-content: center;}
    .conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp p{width: 100%;}
    .conteudo-area-branca.area-acesso-conteudo-exclusivo .acesso-link-banner-mvp a{margin-left: 0; margin-top: 20px;}

    /* SEÇÃO GUIA */
    .conteudo-area-preta.guia-aprendizado h3{margin-bottom: 30px !important; }

    /* SEÇÃO PAPERS */
    .conteudo-area-branca.papers-secao .topo-secao-papers .titulo-papers > p{text-align: center; font-size: 28px;}
    .conteudo-area-branca.papers-secao .papers{justify-content: center;}
    .conteudo-area-branca.papers-secao .papers .paper{max-width: 300px; width: 100%; margin-right: 0px;}
}

@media (max-width: 400px){
    /* TOPO */
    .conteudo-topo{padding: 80px 30px;}
    .titulo-guia{font-size: 29px; text-align: left;}
    .titulo-guia.titulo-grande{font-size: 24px;}
    .titulo-guia.titulo-grande.reduzido{font-size: 16px;}
    .label-serie-guia{border: 1px solid #fff; border-radius: 0; color: #0AC5D4; font-size: 16px; background-color: transparent; margin: 20px 0;}
    .info-guia { width: 280px; margin: 0 auto; }
    .itens-guia-serie{height: auto;}
    .ver-mais-itens{margin-top: 40px;}
    .label-serie-guia{width: 150px;}

    /* SEÇÃO DEVCAST */
    .area-devcast .botoes-devcast{width: 260px;}

    /* SEÇÃO APRENDA */
    .conteudo-aprenda-curso{width: 280px;}
    .conteudo-aprenda-curso, .conteudo-aprenda-curso-andamento{padding: 25px 30px;}
    .conteudo-aprenda-curso-link{width: 220px;}
    .box-secao-aprenda .info-box-secao-aprenda .info-box-codigo-fonte{width: 95px;}
    .box-secao-aprenda .info-box-secao-aprenda > div{font-size: 11px;}
    .box-secao-aprenda .tipo-box-secao-aprenda{ margin: 0 0 5px; }
    .box-secao-aprenda svg{transform: scale(.8);}
    .box-secao-aprenda .sub-info-box-codigo-fonte-texto{ padding: 0 10px; text-align: center; }

    .busca-sugerida-mobile{top: 70px;}
    .busca-sugerida-mobile p{padding: 5px 0; font-size: 9px;}

    .box-servico-admin{width: 280px;}

    /* SEÇÃO PROJETOS */
    .conteudo-secao-projetos .projeto-box{min-height: 170px;}
    .projeto-box-titulo p{font-size: 16px; line-height: 20px;}
    .projeto-box-titulo p, .projeto-box-titulo a{font-size: 16px;}
    .projeto-box .projeto-tag p{ font-size: 12px; width: 140px; height: auto;}

    .projeto-box-links .link-projeto.projeto-executavel{width: 110px; font-size: 11px; padding: 0 5px;}
    .projeto-box-links .link-projeto.acesso-projeto{width: 110px; font-size: 11px; padding: 0 5px; margin-left: 10px;}

    /* SEÇÃO COMUNIDADE */
    .secao-comunidade .conteudo-pergunta p{margin: 0 40px !important;}
    .content-area_guia.secao-comunidade .titulo-secao-comunidade p{line-height: 30px; font-size: 24px;}
    .secao-comunidade svg { width: 20px; height: 15px; }
    .conteudo-pergunta #aspas-inicio{left: 10px;}
    .conteudo-pergunta #aspas-fim{right: 10px;}
    .content-area_guia.secao-comunidade .link a{width: 220px;}

    .mais-cursos-container{flex-wrap: nowrap; flex-direction: column; height: 160px; padding: 0 15px;}

    .container-devcast svg path { transform: scale(.9); }
    .area-links-devcast .links-devcast > a span{font-size: 12px;}

    /* SEÇÃO DESAFIOS */
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players .usuarios{flex-wrap: wrap;}
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players .usuarios .usuario{ width: 100%; margin-top: 20px;}
    .box-desafios .paineis-box-desafios .painel-2 .premios-recompensas-desafios{flex-wrap: wrap;}
    .box-desafios .paineis-box-desafios .painel-2 .premios-recompensas-desafios .recompensa{width: 100%; margin-top: 20px;}
    .box-desafios .paineis-box-desafios .painel-1 .melhores-players .usuarios, .box-desafios .paineis-box-desafios .painel-2 .premios-recompensas-desafios {margin-top: 0;} 
    
    /* SEÇÃO GUIA */
    .conteudo-area-preta.guia-aprendizado .info-guia-container{padding: 30px 35px 30px 35px;}
    .conteudo-area-preta.guia-aprendizado h3{font-size: 18px !important;}
}

@media screen and (min-width: 767px) and (max-width:  1023px) {
    .chat.md-modal { max-width: 100%; }
	.box-title { height: 30px; box-sizing: content-box;}
	.open-chat-container { margin-bottom: 0; }
	.recommended-box { width: 30%; }
}

/* MEDIA QUERIES PARA ALTURA */
@media (min-width: 1366px) and (max-height: 550px){
    .serie-topo-destaque, .bg-image-topo, .bg-pattern-topo, .conteudo-topo{height: 650px !important;}
    .gami-comunidade .bg-pattern-topo, .conteudo-secao-projetos .bg-pattern-topo{height: 100% !important;}
}

/* ANIMAÇÕES */
@keyframes show-facebook-mobile{
    0%{ top: 0; left: 15px; opacity: 0; pointer-events: auto;}
    100%{ top: -65px; left: -15px; opacity: 1; pointer-events: auto;}
}

@keyframes show-twitter-mobile{
    0%{ top: 0; left: 15px; opacity: 0;pointer-events: auto;}
    100%{ top: -65px; left: 55px; opacity: 1; pointer-events: auto;}
}

@keyframes hide-facebook-mobile{
    0%{top: -65px; left: -15px; opacity: 1; pointer-events: auto;}
    100%{ top: 0; left: 15px; opacity: 0; pointer-events: none;}
}

@keyframes hide-twitter-mobile{
    0%{ top: -65px; left: 55px; opacity: 1; pointer-events: auto;}
    100%{ top: 0; left: 15px; opacity: 0; pointer-events: none;}
}