/* ---------------- Principais ---------------- */ *{ box-sizing:border-box; } ::before{box-sizing: unset} :root{ font-size:62.5%; --cor-preto:#2b2b2b; --cor-preto2:#16040A; --cor-base:#434343; --cor-branco:#fff; --cor-cinza:#F2F2F2; --cor-cinza2:#f5f5f5; --cor-cinza-borda:#CFCFCF; --cor-cinza-borda2:#c4c4c4; --cor-vinho:#390E1B; --cor-vinho2:#582132; --cor-vinho-borda:#6A5B60; --cor-amarelo:#F1B21F; --cor-nao-respondido:#F6E3E0; --cor-nao-respondido2:#C03923; --cor-respondido:#DEF2ED; --cor-respondido2:#19A082; --cor-balao1:#E0DADC; --cor-balao2:#F2F2F2; --font-primaria:1.5rem; --line-primaria:2.3rem; --line-secundaria:1.7rem; --font-banner1:4.6rem; --line-banner1:5.4rem; --font-titulo-secao:2.3rem; --line-titulo-secao:2.8rem; --font-subtitulo-secao:1.8rem; --line-subtitulo-secao:2.1rem; --titulo-modal:2.5rem; --line-modal:3rem; --medium:500; --semiBold:600; --bold:700; --extraBold:800; } html{height:100% !important; width:100%; -webkit-backface-visibility:hidden !important;} body {margin:0; min-width:322px; background-color:#fff; overflow-y:scroll; font-family: "Public Sans", sans-serif; font-weight: 400; color:#515151; height: auto; font-size:var(--font-primaria); -webkit-backface-visibility:hidden; overflow-x:hidden; -webkit-backface-visibility:hidden !important;-webkit-overflow-scrolling: touch; line-height: var(--line-primaria);} input, select, textarea{outline-style: none;font-family: "Public Sans", sans-serif; /*appearance: none !important;-webkit-appearance: none !important;-ms-appearance: none;*/ border: 0;background-color: #fff;} h1,h2,h3{padding:0; margin:0; font-weight:400} hr{color: #1e1e1f} select::-ms-expand{display: none;} input:-webkit-autofill{box-shadow: 0 0 0px 1000px white inset;-webkit-box-shadow: 0 0 0px 1000px white inset;font-family: inherit;} a {color: inherit;outline: none;text-decoration: inherit;} a:hover{color: inherit;outline: none;text-decoration: inherit;} a img {outline : none;} img {border : 0; outline: 0;} input, button, select, textarea{outline: 0;} select{background-repeat: no-repeat; background-position:calc(100% - 15px) center; /*background-image: url('../imagens/seta_select.svg');*/ background-size:12px;} button{cursor: pointer;background-color: rgba(0, 0, 0, 0);outline-style: none !important;outline: thin dotted !important;outline: 0px auto -webkit-focus-ring-color !important;outline-offset: 0px !important;} video, button, div{outline: none;font-family: inherit;appearance: none;-webkit-appearance: none;-ms-appearance: none;border: 0;-webkit-tap-highlight-color: transparent;} button, div:focus{outline: none;-webkit-tap-highlight-color: transparent} input[type=button], input[type=submit], input[type=reset]{-webkit-appearance: none;} .centralizar{width: 100%; position: relative; max-width:1240px; display: flex;} ul{list-style: none; margin: 0;} /**/ .Menu_flutuante{float: right;position: fixed;width: 300px;height: 100%;z-index: 10;right: -300px;top: 0px;transition: 0.8s;background-color: var(--cor-branco);} .ParteMenu{float: right;overflow: auto;width: 300px;background-color:var(--cor-branco); color: var(--cor-vinho);height: 100%;transition: 0.5s;} .ParteEscura{float: right;width:100%;background: rgba(0, 0, 0, 0.60);height: 100%;cursor: pointer;transition:0.8s;position: fixed;z-index:10;display:none; top:0px;} .DivMenu{float: right;width: 100%;height: auto;text-align: left;padding:0px 20px 0px 25px;} .ItemMobile{padding: 0px 20px 0px 0px;float: left;width: 100%;height: auto;color:var(--cor-vinho); font-size: 16px;font-weight: 700;cursor: pointer;background: transparent;transition: 0.5s; text-transform: uppercase; line-height:23px; margin-bottom:20px;} .ItemMobile:active{opacity: .8;} .DivMenu .AlinhaFechar{margin-top:36px; margin-bottom:38px; float: left;} .DivMenu .AlinhaFechar .BotaoFechar{width:31px; height:15.5px; float:left; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('../imagens/FechaMenu.svg');} .slick-dots{left:10px;bottom:35px;} .slick-dots li{margin:0px 5px; height:12px; width:12px;} .slick-dots li.slick-active{width:12px; height:12px;} .slick-dots li button:before{opacity: 1; background-color:var(--cor-branco); border-radius:50%; content: ''; height:100%; width:100%;} .slick-dots li.slick-active button:before{opacity: 1;background-color: var(--cor-amarelo); border-radius:50%; content: ''; height:100%; width:100%;} .slick-dots li button{width:100%; height:100%; padding: 0px;} .slick-dotted.slick-slider{margin-bottom: 0px;} .faixa_migalha{width:100%; display:flex; justify-content: flex-start; padding-bottom:23px; font-size: 1.4rem; padding-top:10px;} .alinha_migalha{display:flex; justify-content: flex-start; align-items: center; gap:5px; position: relative; z-index:2; flex-wrap:wrap;} .alinha_migalha *{color:var(--cor-preto);} .variacao .alinha_migalha *{color: var(--cor-branco);} .migalha_item{width:auto; display: flex; align-items: center; gap:5px;max-width: 300px;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/} .migalha_item.Atual *{font-weight:var(--bold);max-width: 100%;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis*/;max-width: 300px;} .migalha_separacao{width:4px; height:4px; border-radius: 160px; background-color: var(--cor-amarelo);} .pagina_interna{min-height:calc(100vh - 261px); display: flex; justify-content: center; width: 100%; align-items: flex-start;} .Linha100{width:100%; float:left;} .Linha100.Esquerda{ text-align: left;} .Inline100{width:100%; display:inline-block;} .Centro{text-align:center !important;} .Migalha{margin:30px 0px;} .Migalha .ItemMigalha{width:auto; text-align:left; display:inline-block; vertical-align: middle; font-size:15px; line-height:18px; color:#000000;} .Migalha .ItemMigalha::before{width:4px; height:4px; display:inline-block; margin:0px 5px; vertical-align: middle; background-color:#FFA200; border-radius: 50%;content:'';} .Migalha .ItemMigalha:first-child::before{display:none;} .Migalha .ItemMigalha.Atual{color:#FFA200; font-weight:800;} /*-------- Topo --------*/ .Centralizar{display:inline-block; width: 100%;z-index:1; max-width:1240px;} .centralizar_site {display:inline-block; width:calc(100% - 40px); margin-left:20px; margin-right:20px; max-width:1240px; height:100%} .centralizar_site2 {display:inline-block; width:100%; max-width:1240px; height:100%} .alinhaMenu{position: relative;} .alinhaMenu{height: auto;position: relative;} .menu_area_do_aluno{position: absolute;width: 241px;height: 300px;background-color: transparent;right: 0;top: 0;display: none;padding-top: 62px;} .alinhaMenu:hover .menu_area_do_aluno{display: block;} .itemMenu{width: 100%;height: 47px;padding: 0 20px;display: flex;align-items: center;font-family: "Public Sans";font-weight: 500;font-size: 15px;text-align: left;color: #2b2b2b;background: #fff;cursor: pointer;} .itemMenu:hover{background: #f5f5f5;} .Linha100{display: inline-block; position: relative; vertical-align: middle;} .Linha{display: inline-block; position: relative; vertical-align: middle;} .topo{width:100%; display: flex; justify-content: center; padding:7px 0px; background-color:var(--cor-branco); min-height:80px; position:sticky; position: -webkit-sticky; top:0px; z-index: 10; filter: drop-shadow(0px 3px 25px rgba(72, 0, 22, 0.39));} .topo_conteudo{align-items: center; justify-content: space-between;} .topo_logo{width:190px; cursor: pointer;} .topo_logo img{width:100%; object-fit: contain;} .topo_nav{display: flex; align-items: center; gap:30px;} .topo_nav_menus{display: flex; align-items: center; gap:30px;} .topo_nav_menus__item{text-transform: uppercase; color:var(--cor-preto);font-weight: var(--medium); transition: .4s; position: relative;} .topo_nav_menus__item::before{transition: .4s;} .topo_nav_menus__item:hover a{color:var(--cor-amarelo);} .topo_nav_menus__item:hover::before{content: ''; position: absolute; left:-10px; top:50%; transform: translateY(-75%); background-color:var(--cor-vinho); border-radius: 50%; width:5px; height:5px;} .topo_nav_botoes{display: flex; align-items: center; gap:10px;} .topo_nav_botao{width: 160px; height:42px; display: flex; align-items: center; border-radius: 5px; border:1px solid var(--cor-amarelo); background-color: transparent; justify-content: center; gap:7px; transition: .2s;} .topo_nav_botao.area_aluno{color:var(--cor-vinho);background-color: var(--cor-amarelo);border:1px solid var(--cor-amarelo);} .topo_nav_botao.area_professor{color:var(--cor-vinho); background-color: var(--cor-branco);border:1px solid var(--cor-amarelo);} .topo_nav_botao:hover svg *{fill:var(--cor-vinho);} .topo_nav_botao.area_aluno:hover{background-color: var(--cor-branco); color:var(--cor-vinho);} .topo_nav_botao.area_professor:hover{color:var(--cor-vinho);background-color: var(--cor-amarelo);border:1px solid var(--cor-amarelo);} .botao_menu_mobile{display: none;} .BordaErro{border-color: #ED3237 !important;} /*-------- Topo --------*/ /*-------- Home --------*/ .home{display: flex; flex-direction: column; width: 100%; align-items: center;} /* banner principal */ .banner_principal{width: 100%; float: left;} .banner_principal__carrossel{width:100%; height:500px; float: left;} .banner_principal_item{height:500px; background-repeat: no-repeat; background-position: center center; background-size: cover;} #CarrosselBannerPrincipalMobile {display:none} .banner_principal_centro{width: 100%; display: flex; justify-content: center;} .banner_principal_alinhamento{width:100%; height:500px; display: flex; align-items: center; justify-content: flex-start;} .banner_principal_bloco{width:100%; display: flex; flex-direction: column; gap:30px; align-items: flex-start; max-width:470px;} .banner_principal_bloco__txts{width:100%; display: flex; flex-direction: column; gap:5px; align-items: flex-start;} .banner_principal_bloco__t1{font-size: var(--font-banner1); line-height:var(--line-banner1); color:var(--cor-branco); font-weight: var(--semiBold); text-align: left;} .banner_principal_bloco__t2{text-align: left; width: 100%; font-size: var(--font-banner2); line-height: var(--line-banner2); color:var(--cor-branco);} .alinhar_banner_principal_bloco_botao{display: flex;align-items: center;gap: 10px;} .banner_principal_bloco_botao{width:auto; height:50px; background-color: var(--cor-amarelo); border-radius: 5px; border:1px solid var(--cor-amarelo); color:var(--cor-vinho); text-align: center; display: flex; align-items: center; justify-content: center; transition:.2s; padding:0px 18px; gap:10px; font-weight:var(--medium);} .banner_principal_bloco_botao:hover{background-color: var(--cor-branco); color:var(--cor-preto);} /* banner principal */ /*-------- Home seções --------*/ .TituloPrincipal {text-align: left; font-size:var(--font-titulo-secao); line-height:var(--line-titulo-secao); color:var(--cor-preto); font-weight: var(--extraBold); /*margin-bottom: 20px;*/} .SubTituloPrincipal {float:left; width:100%; text-align:left; font-size:38px; font-weight:600; margin-bottom:22px; line-height:40px} .TituloPrincipal2 {float:left; width:100%; text-align:left; font-size:28px; font-weight:600; margin-bottom:20px; line-height:30px} .secao_home{width:100%; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1;} .titulo_secao{font-size: var(--font-titulo-secao); line-height:var(--line-titulo-secao); color:var(--cor-preto); font-weight: var(--extraBold); text-align: left; width: 100%;max-width: 100%} .titulo_secao strong{color:var(--cor-amarelo);} .subtitulo_secao{font-size: var(--font-subtitulo-secao); line-height:var(--line-subtitulo-secao); color:var(--cor-amarelo); font-weight: var(--medium); text-align: left; width: 100%; text-transform: uppercase;} .secao_home.cursos{ background-color: var(--cor-branco); position: relative; z-index: 2;} .secao_cursos{width:100%; display: flex; flex-direction: column; gap:20px; align-items: center; padding-top:70px;} .container_carrossel{width: 100%; float: left;} .carrossel_cursos{position: relative; width: 100%; display: flex; margin-bottom:-62px; margin-left:-10px;} .carrossel_cursos .slick-dots{left:auto;bottom:auto; top:-40px; right:5px; width: auto;} .carrossel_cursos .slick-dots li{margin:0px 5px; height:12px; width:12px;} .carrossel_cursos .slick-dots li.slick-active{width:12px; height:12px;} .carrossel_cursos .slick-dots li button:before{opacity: 1; background-color:var(--cor-vinho); border-radius:50%; content: ''; height:100%; width:100%;} .carrossel_cursos .slick-dots li.slick-active button:before{opacity: 1;background-color: var(--cor-amarelo); border-radius:50%; content: ''; height:100%; width:100%;} .carrossel_cursos .slick-dots li button{width:100%; height:100%; padding: 0px;} .carrossel_cursos .slick-dotted.slick-slider{margin-bottom: 0px;} .seta_carrossel{width:46px; height:46px; position: absolute; z-index: 3; cursor: pointer; transition: .2s; top:50%;} .seta_carrossel img {width:100%; height:100%; object-fit: contain;} .seta_carrossel.left{left:5px; transform: translate(-50%, -50%);} .seta_carrossel.right{right:5px; transform: translate(50%, -50%);} .seta_carrossel.right img{transform: rotate(180deg);} .secao_home .cursos_bloco{ margin:0 10px;} .cursos_bloco{float:left; height:346px; position: relative; border-radius: 10px;} .cursos_bloco:hover{box-shadow: 0px 0px 25px rgba(72, 0, 22, 0.39);} .cursos_bloco_img{width:100%; height:230px; object-fit: cover; border-radius: 10px 10px 0px 0px; position: relative; z-index:1; border: 1px solid var(--cor-cinza-borda2);} .cursos_bloco_tag{display: inline-block; padding:5px; border-radius:5px; background-color:var(--cor-vinho); position: absolute; top:15px; right:15px; line-height:var(--line-secundaria); color:var(--cor-branco); text-transform: uppercase; font-weight: var(--bold); z-index:2;} .cursos_bloco_info{width:100%; display: flex; background-color: var(--cor-branco); border-radius: 0px 0px 10px 10px; padding: 15px; flex-direction: column; align-items: center; height:131px; border:1px solid var(--cor-cinza-borda2); border-top:none; justify-content: space-between;gap:15px} .cursos_bloco_titulo{text-align: center; line-height: var(--line-secundaria); color:var(--cor-preto); font-weight: var(--bold);max-width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .saiba_mais_botao{width:auto; height:50px; background-color: var(--cor-amarelo); border-radius: 5px; border:1px solid var(--cor-amarelo); color:var(--cor-vinho); text-align: center; display: flex; align-items: center; justify-content: center; transition:.2s; padding:0px 18px; gap:10px; font-weight:var(--medium); max-width: 100%; cursor: pointer; text-align: left;} .saiba_mais_botao:hover{background-color: var(--cor-branco); color:var(--cor-preto);} .saiba_mais_botao2{width:230px; height:45px; background-color: var(--cor-amarelo); border-radius: 5px; border:1px solid var(--cor-amarelo); color:var(--cor-vinho); text-align: center; display: flex; align-items: center; justify-content: center; transition:.2s; padding:0px 18px; gap:10px; font-weight:var(--medium); max-width: 100%; cursor: pointer;} .saiba_mais_botao2:hover{color:var(--cor-branco); background-color:transparent; border:1px solid var(--cor-branco);} .saiba_mais_botao2:hover svg * {fill:var(--cor-branco); stroke:var(--cor-branco);} .secao_home.sobre{padding-top:155px; background-color: var(--cor-vinho); position: relative; z-index: 1; padding-bottom:50px; background-image: url('../imagens/fundo_sobre.png'); background-repeat: repeat-y; background-position: right top;} .secao_sobre{width:100%; display: flex; flex-direction: column; align-items: center; } .secao_sobre .titulo_secao{color: var(--cor-branco);} .secao_sobre_conteudo{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; position: relative;} .secao_sobre_info{/*width:51%;*/width:100%; display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 2;} .secao_sobre_info ul{list-style: disc;} .secao_sobre_img{position: relative; z-index: 1; width: 49%; display: flex;justify-content: flex-end;} .secao_sobre_img.interna{width:calc(49% + 126px); margin-right:-126px;} .secao_sobre_img .detalhe_img{position: absolute; z-index:-1; top:40%; transform: translate(46%,-48.5%);} .sobre_img{width:100%; object-fit: contain;} .secao_sobre_txt{text-align: left; color:var(--cor-branco); margin-top:30px; margin-bottom:40px;} .bloco_termos_uso .centralizar{display:flex; flex-direction:column} .secao_home.newsletter{background-color: var(--cor-branco); position: relative; z-index: 1;} .secao_newsletter{width:100%; display: flex; flex-direction: column; gap:20px; align-items: center; padding-top:113px; padding-bottom: 100px;} .newsletter_bloco{width: 100%; border-radius: 10px; display: flex; justify-content: flex-end; align-items: flex-start; background-color: var(--cor-vinho2);} .newsletter_info{width:75%; display: flex; flex-direction: column; gap:20px; align-items: flex-start; justify-content: center; padding-top:43px; padding-right:50px; padding-bottom:43px;} .newsletter .titulo_secao{color:var(--cor-branco);} .newsletter_img_note{margin-right:50px; margin-top:-12px;} .newsletter_txt{text-align: left; color:var(--cor-branco);} .newsletter_campos{width:100%; display: flex; gap:10px;} .newsletter_input{width:33.33%; border-radius:5px; padding:0px 15px; background-color: var(--cor-branco); color:var(--cor-preto); height:45px;} .newsletter_input::placeholder{color:var(--cor-base)} .newsletter_input.BordaErro{border: 3px solid #ed323785 !important} .newsletter_sucesso{display:none} .newsletter .saiba_mais_botao2{width: 210px;} /*-------- Home seções --------*/ /*-------- Home --------*/ /*-------- Erro 404 --------*/ #Erro404{width: 100%;height: calc(100vh - 265px);} #Erro404 .Centralizar{height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 50px;} /*-------- Erro 404 --------*/ /*-------- texto ambiente teste --------*/ #ambienteTeste{width: 100%;height: 20px;background-color: #C03923;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;} /*-------- texto ambiente teste --------*/ /*-------- Quem somos --------*/ .quem_somos{background-color: var(--cor-vinho); padding-bottom:70px;} .quem_somos .titulo_secao{color:var(--cor-branco);} .quem_somos_alinha{width:100%; display: flex; flex-direction: column;} .quem_somos_conteudo{width:100%; display: flex; gap:60px; align-items: center;} /*-------- Quem somos --------*/ /*-------- Cursos --------*/ .cursos{padding-bottom:100px; background-color: var(--cor-branco);} .cursos .titulo_secao{text-align: center;} .cursos_conteudo{width:100%; display: flex; flex-direction: column; align-items: center; gap:20px; position: relative;} .cursos_listagem{width:100%; display: flex; gap:20px; flex-wrap: wrap;} .cursos .cursos_bloco{float:left; height:361px; position: relative; border-radius: 10px; width:calc(25% - 15px);} .cursos_quantidade{position: absolute; right:0px; top:17px;} .cursos_alinha{width: 100%;} /*-------- Cursos --------*/ /*-------- Detalhes --------*/ .detalhes {padding-bottom:100px;} .detalhes_alinha{width:100%; display: flex; flex-direction: column; align-items: center;} .detalhes_principal{width:100%; display: flex; gap:50px;} .detalhes_principal_img{width:40%; min-height: 500px;display: flex;align-items: center;} .detalhes_principal_img img{width:100%; object-fit: cover; height:auto; border-radius:10px;} .detalhes_principal_dados{width:calc(60% - 50px); display: flex; flex-direction: column; align-items: flex-start;} .detalhes_principal_txt{text-align: left; display: inline-block; margin:20px 0;} .detalhes_principal_bloco{width:100%; display: none; flex-direction: column; align-items: flex-start; gap:10px; padding:30px; background-color:var(--cor-cinza2); border-radius:10px; margin-top:30px; margin-bottom:30px;} .detalhes_principal_bloco__t1{text-align: left; color:var(--cor-preto); font-weight: var(--bold);} .detalhes_principal_bloco__info{width:100%; display: flex; justify-content:space-between; align-items: center;} .detalhes_principal_bloco__info__item{height:40px; display: flex; align-items: center; justify-content: flex-start; gap:10px; min-width: 150px;} .detalhes_principal_instrucao{margin-bottom:20px; text-align: left; width: 100%;} .professores{margin-top:80px; width: 100%; display: flex; flex-direction: column; align-items: flex-start;} .professores_titulo{width: 100%; text-align: left; font-weight:var(--extraBold); color:var(--cor-vinho); font-size: var(--font-titulo-secao); line-height:var(--line-titulo-secao); margin-bottom:30px;} .professores_titulo strong{color:var(--cor-amarelo);} .professores_listagem{width:100%; display: flex; gap:10px; flex-wrap: wrap;} .professores_item{width:calc(50% - 5px); border:1px solid var(--cor-cinza-borda2); border-radius: 10px; padding:15px; gap:20px; display: flex; align-items: flex-start; background-color: var(--cor-branco);} .professores_item_foto{width:170px; height:170px; border-radius:10px; object-fit: contain;} .professores_item_foto img{width: 100%;height: 100%;} .professores_item_informacoes{width:calc(100% - 190px); display: flex; gap:10px; flex-direction: column; padding-top:2px;} .professores_item_nome{line-height: var(--line-secundaria);text-align: left; font-weight: var(--extraBold); color:var(--cor-preto);} .professores_item_txt{line-height: var(--line-secundaria);text-align: left;} /*-------- Detalhes --------*/ /*-------- Rodape --------*/ .rodape{width: 100%; display: flex; justify-content: center; padding-top:30px; background-color: var(--cor-cinza); border-top:1px solid #cbcbcb;} .rodape_conteudo{width:100%; display: flex; gap:40px; align-items: center; justify-content: space-between;} .rodape_nav{width:100%; display: flex; flex-direction: column; align-items: flex-end;} .rodape_logo{width:256px; height:auto; display: flex; align-items: center; justify-content: flex-start;} .rodape_logo img{width: 100%; object-fit: contain;} .rodape_infos{width:calc(100% - 296px); display: flex; flex-direction: column; align-items: flex-end;} .rodape_nav__menu{display: flex; gap:30px; align-items: center; padding:31px 0px; width:100%; justify-content: flex-end;} .rodape_nav__menus{display: flex; gap:30px;} .rodape_nav__menus_menu{cursor: pointer; text-transform: uppercase; font-weight: var(--semiBold);} .rodape_nav__menus_menu a{transition: .2s;} .rodape_nav__menus_menu a:hover{color:var(--cor-vinho);} .rodape_nav__copyright{border-top:1px solid var(--cor-cinza-borda); padding:20px 0px; width: 100%; display: flex; justify-content: flex-end; color:var(--cor-preto);} .rodape_redes{display:flex; gap:15px; align-items: center; justify-content: flex-end;} .rodape_rede{transition:.3s;} .rodape_rede:hover{opacity: .9; filter:opacity(90);} /*-------- Area Professor --------*/ .topo_login{width:100%; display:flex; align-items: center; justify-content: center; height:80px; background-color: var(--cor-branco);} .login{width:100%;padding: 100px 0; display: flex; justify-content: center; background-color: #f5f2f3;} .login_alinhamento{width:100%; display: flex; justify-content: center;min-height:calc(59vh - 80px); flex-direction: column; align-items: center;} .login_bloco_titulo{color:var(--cor-preto); text-align: left; font-size: var(--font-titulo-secao); line-height: var(--line-titulo-secao); font-weight: var(--extraBold); text-align:left; width: 100%;} .login_bloco{width:100%; max-width:500px; box-shadow: 0px 3px 25px rgba(72, 0, 22, 0.39); background-color: var(--cor-branco); border-radius:10px; padding:40px; transform: translateY(-40px);} .login_conteudo{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; gap:30px;} .professor_botao_padrao{width:230px; height:50px; background-color: var(--cor-amarelo); border-radius: 5px; border:1px solid var(--cor-amarelo); color:var(--cor-vinho); text-align: center; display: flex; align-items: center; justify-content: center; transition:.2s; padding:0px 18px; gap:10px; font-weight:var(--medium); max-width: 100%; cursor: pointer;} .professor_botao_padrao:hover{color:var(--cor-vinho); background-color:transparent; border:1px solid var(--cor-amarelo);} .professor_botao_padrao:hover svg * {stroke:var(--cor-vinho);} .login_container{width:100%; display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} .login_campo{width:100%; display: flex; flex-direction: column; align-items: flex-start; gap:5px; margin-top:15px; position: relative;} .login_campo.tam2{width: calc(75% - 5px);} .login_campo.tam3{width: calc(25% - 5px);} .login_campo:first-child{margin-top:0px;} .input_campo{width:100%; padding:0px 14px; border:1px solid var(--cor-cinza-borda2);border-radius: 5px; height:45px;} .botao_esqueci_senha{margin-top: 10px; text-align: left; cursor: pointer; /* text-decoration: underline; */ float: left; width: 100%;display: flex;justify-content: flex-end;} .botao_esqueci_senha.cadastrese{justify-content: center;} .alinha_btn_entrar_cadastrese{display: flex;justify-content: center;flex-direction: column;align-items: center;width: 100%;} #bloco_esqueci{display: none;} .login_txts{display: flex; align-items: flex-start; flex-direction: column; gap:15px;} .login_txts span{text-align: left;} .txt_Cadastro{font-family: "Public Sans";font-weight: normal;font-size: 15px;text-align: left;color: #434343;} .txt_Cadastro a{text-decoration: underline;} .mostra_esconde_senha{width:21px; height:20px; position: absolute; z-index: 2; bottom:17px; right:15px; background-repeat: no-repeat; background-position: center bottom; background-image: url('../imagens/senha_nao_escondida.svg'); transition: .3s; cursor: pointer;} .mostra_esconde_senha.escondida{background-image: url('../imagens/senha_escondida.svg'); height:20px; bottom:17px;} .corpo_professor{padding-top:50px; padding-bottom:100px;} .pagina_alinhamento{width:100%; display: flex; flex-direction: column; align-items: center;} .pagina_cabecalho{width: 100%; display: flex; justify-content: space-between; margin-bottom:20px; border-radius:5px 5px 0px 0px;} .titulo_pagina{text-align: left; font-size:var(--font-titulo-secao) !important; line-height:var(--line-titulo-secao) !important; color:var(--cor-preto); font-weight: var(--extraBold) !important;text-transform: uppercase;} .pagina_filtros{display: flex; align-items: center; gap:20px;cursor: pointer;} .filtro_select{width:300px; height:45px; border-radius:5px; padding:0px 35px 0px 15px; border:1px solid var(--cor-cinza-borda2);} .tabela{width:100%; display: flex; flex-direction: column; } .tabela_cabecalho{width:100%; border-radius:10px 10px 0px 0px; background-color:var(--cor-vinho); padding:20px 30px 10px 30px; display: flex;} .tabela_cabecalho_mobile{padding:5px 0px; display: none; font-weight: var(--bold); text-align: left; color:var(--cor-branco);} .tabela_coluna_mobile{display: none; font-weight: var(--bold);} .tabela_linha{width:100%; display: flex; align-items: center; justify-content: flex-start; padding:9px 30px; min-height:37px;} .tabela_linha:nth-child(even){background-color:var(--cor-cinza);} .tabela_linha:last-child{border-radius:0px 0px 10px 10px; box-shadow: 0px 11px 25px rgba(0, 0, 0, 0.10);} .tabela_coluna{display:flex; align-items: center; text-align: left;} .tabela_coluna.coluna_centralizada{text-align: center; justify-content: center;} .tabela_coluna.tabela_botao1{cursor:pointer;flex-shrink:0; width:190px; justify-content: center;} .tabela_coluna.tabela_botao2{cursor:pointer;flex-shrink:0; width:90px; justify-content: center;} .tabela_cabecalho .tabela_coluna{color:var(--cor-branco); font-weight:var(--extraBold); font-size: var(--font-subtitulo-secao); line-height: var(--line-subtitulo-secao);} .cabecalho_tag_info{padding:9px 20px; background-color: var(--cor-vinho); color:var(--cor-branco); min-height: 50px; border-radius:5px; display: flex; align-items: center; justify-content: flex-start; gap:10px;} .nav_botao_voltar{width:100px; height:50px; border-radius:5px; border:1px solid var(--cor-vinho); color:var(--cor-vinho); font-weight:var(--medium); background-color:transparent; display: flex; align-items: center; justify-content: center; transition: .2s;} .nav_botao_voltar:hover{background-color: var(--cor-vinho); color:var(--cor-branco);} .nav_botao_add{width:210px; height:50px; border-radius:5px; background-color: var(--cor-amarelo); border:1px solid var(--cor-amarelo); display: flex; align-items: center; justify-content: center; gap:10px; color:var(--cor-vinho); font-weight: var(--medium);} .materiais_bloco{width:100%; display: flex; flex-direction: column; gap:5px; padding:50px; filter: drop-shadow(0px 0px 6px rgba(72, 0, 22, 0.39)); border-radius: 10px; background-color: var(--cor-branco);} .materiais_bloco_item{width:100%; background-color: var(--cor-cinza); border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding:16px 20px;} .materiais_bloco_item_info{display: flex; align-items: center; justify-content: flex-start; gap:21px;} .materiais_bloco_item_info_txt{color:var(--cor-preto); font-size:var(--font-subtitulo-secao); line-height:var(--line-subtitulo-secao); font-weight:var(--extraBold);} .materiais_bloco_item_delete{width:34px; height:34px; border-radius: 5px; background-color:var(--cor-base); display: flex; justify-content: center; align-items: center; cursor: pointer; transition: .2s;} .materiais_bloco_item_delete:hover{opacity: .9; filter: opacity(90);} /*-------- Modal --------*/ .modal-body{padding:50px;} .modal_titulo{font-size:var(--titulo-modal); line-height: var(--line-modal); width: 100%; text-align: left; font-weight: var(--extraBold); margin-bottom:20px; color:var(--cor-preto);} .btn_fechar_modal{position: absolute; top:20px; right:20px; width:10px; height:10px; z-index:2;} .modal_alinha_botao{width: 100%; flex-direction: row-reverse; justify-content: space-between; margin-top:30px; display: flex;} .modal_campos{width: 100%; display: flex; flex-direction: column; gap:15px;} .campo_form{width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap:5px; position:relative;} .campo_form.tam2{width: calc(75% - 5px);} .campo_form.tam3{width: calc(25% - 5px);} input[readonly] {background-color: #f2f2f2; color: #999; border: 1px solid #ccc;} .campo_form:has(.botao_upload) .input_text{padding-right:90px;} .input_campo{width:100%; padding:0px 14px; border:1px solid var(--cor-cinza-borda2);border-radius: 5px; height:45px;} .botao_upload{width:80px; height:45px; border-radius:0px 5px 5px 0px; display: flex; align-items: center; justify-content: center; position: absolute; bottom:0px; right:0px; background-color: var(--cor-vinho);} .botao_upload:hover{opacity: .9; filter: opacity(90);} .coluna_status{padding:0px 5px; border-radius: 5px; font-weight: var(--semiBold); height:25px;} .coluna_status.nao_respondido{background-color:var(--cor-nao-respondido); color:var(--cor-nao-respondido2);} .coluna_status.respondido{background-color: var(--cor-respondido); color:var(--cor-respondido2);} /*-------- Modal --------*/ .aluno_chamados{width:100%; display: flex; flex-direction: column; gap:15px;} .aluno_chamados_item{width:100%; display:flex; justify-content: space-between; align-items: center; padding:20px 28px; border-radius: 10px;box-shadow: 0px 0px 6px rgba(72, 0, 22, 0.39);} .aluno_chamados_info{gap:20px; display: flex; align-items: center;} .aluno_item_status{padding:0px 5px; border-radius: 5px; font-weight: var(--semiBold); height:25px; display: flex; align-items: center; justify-content: center;} .aluno_item_status.nao_respondido{background-color:var(--cor-nao-respondido); color:var(--cor-nao-respondido2);} .aluno_item_status.respondido{background-color: var(--cor-respondido); color:var(--cor-respondido2);} .aluno_botao_visualizar{width:230px; height:50px; border-radius:5px; background-color: var(--cor-amarelo); border:1px solid var(--cor-amarelo); display: flex; align-items: center; justify-content: center; gap:10px; color:var(--cor-vinho); font-weight: var(--medium); margin-left:10px;} .aluno_chamados_nome{text-align: left; font-weight: var(--extraBold); color:var(--cor-preto); font-size:var(--font-subtitulo-secao); line-height:var(--line-subtitulo-secao);} .chat_corpo{width:100%; display: flex; /*flex-direction: column;*/ gap:20px;} /* ===== Scrollbar CSS ===== */ /* Firefox */ .chat_corpo * {scrollbar-width: thin; scrollbar-color: var(--cor-vinho) #ffffff;} /* Chrome, Edge, and Safari */ .chat_corpo *::-webkit-scrollbar {width: 10px;} .chat_corpo *::-webkit-scrollbar-track {background: #ffffff;} .chat_corpo *::-webkit-scrollbar-thumb {background-color: var(--cor-vinho); border-radius: 10px;border: 2px solid #ffffff;} .chat_corpo_dados{flex-basis:24%; display: flex; flex-direction: column;} .chat_corpo_dados_titulo{width:100%; border-radius: 10px 10px 0px 0px; background-color: var(--cor-vinho); padding:30px 20px 15px 20px; border:1px solid var(--cor-vinho-borda); font-size:var(--font-subtitulo-secao); line-height:var(--line-subtitulo-secao); font-weight: var(--extraBold); color:var(--cor-branco);} .chat_corpo_dados_txt{width:100%; text-align: left; color:var(--cor-branco); padding:20px; background-color: var(--cor-vinho); border-radius:0px 0px 10px 10px; height: 100%;} .chat_corpo_dados_info{width:100%; text-align: left; color:var(--cor-branco); padding:20px; background-color: var(--cor-vinho); border-radius:0px 0px 10px 10px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;} .chat_bloco{box-shadow: 0px 0px 6px rgba(72, 0, 22, 0.39); flex-basis:76%; flex-direction: column; border-radius: 10px;} .chat_bloco__mensagens{width:100%; display: flex; padding:20px 40px; height:409px; overflow-y:auto; gap:15px; flex-direction: column-reverse;} .chat_bloco_mensagem{padding-right:20px; display: flex; gap:10px; align-items: flex-start; width: 100%;} .chat_bloco_mensagem_retrato{width:36px; height:36px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url('../imagens/perfil_chat_padrao.png');} .chat_bloco_mensagem_balao{border-radius:10px; padding:20px 25px; width:calc(100% - 46px); background-color:var(--cor-balao1);white-space: wrap;} /* .chat_bloco_mensagem.msg_da_equipe{flex-direction: row-reverse; padding-right:0; padding-left:20px;} */ .chat_bloco_mensagem.msg_da_equipe .chat_bloco_mensagem_balao{background-color:var(--cor-vinho-borda); color: #fff;} .chat_bloco_mensagem.msg_da_equipe .chat_bloco_mensagem_retrato{background-image: url('../imagens/perfil_chat_peregum.png');} /* .chat_bloco_mensagem.msg_minha{flex-direction: row-reverse; padding-right:0; padding-left:20px;} */ .chat_bloco_mensagem.msg_outros .chat_bloco_mensagem_balao{background-color:var(--cor-balao1);} .chat_bloco_mensagem.msg_outros .chat_bloco_mensagem_retrato{background-image: url('../imagens/perfil_icone_editar.png');} .chat_bloco_mensagem.msg_minha{flex-direction: row-reverse; padding-right:0; padding-left:20px;} .chat_bloco_mensagem.msg_minha .chat_bloco_mensagem_balao{background-color:var(--cor-vinho2); color: #fff;} .chat_bloco_mensagem.msg_minha .chat_bloco_mensagem_retrato{background-image: url('../imagens/perfil_icone_editar.png');} .chat_entrada_mensagem{padding:20px 15px 15px 15px; width:100%; background-color: var(--cor-cinza2); position: relative; border-radius:0px 0px 10px 10px;} .chat_textarea_mensagem{resize: none; border:1px solid var(--cor-cinza-borda); width:100%; border-radius: 10px; padding:8px 10px; text-align: left; padding-right:65px;} .chat_textarea_mensagem::placeholder{color:var(--cor-base);} .chat_entrada_botao_enviar{width:41px; height:41px; position: absolute; right:25px; top:30px; transition: .2s; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url('../imagens/botao_enviar_msg.svg');} .chat_entrada_botao_enviar:hover{opacity: .9; filter: opacity(90);} .chat_corpo_dados_info_container{width:100%; display: flex; flex-direction: column;} .chat_corpo_dados_info_criado{width:100%; margin-bottom:10px; text-align: left; font-weight:var(--extraBold); color:var(--cor-branco);} .chat_corpo_dados_info_perfil{width:100%; display: flex; gap:10px; align-items: center;} .chat_corpo_dados_info_perfil_retrato{width:36px; height:36px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 50%; background-image: url('../imagens/perfil_chat_padrao.png');} .chat_corpo_dados_info_perfil_txts{width: calc(100% - 46px); text-align: left; display: flex; flex-direction: column;} .chat_corpo_dados_info_perfil_nome{font-weight:var(--extraBold);} .chat_corpo_dados_info_respostas{width:100%; min-height:37px; background-color:var(--cor-preto2); padding:5px 10px; color:var(--cor-branco); border-radius: 5px; text-align: center; margin-top:20px;} .chat_botao_finalizar{width:100%; height:50px; border-radius:5px; background-color: var(--cor-amarelo); border:1px solid var(--cor-amarelo); display: flex; align-items: center; justify-content: center; gap:10px; color:var(--cor-vinho); font-weight: var(--medium); transition: .2s;} .chat_botao_finalizar:hover{background-color: transparent;} .chat_botao_finalizar:hover svg *{stroke: var(--cor-branco);} .chat_botao_finalizar:hover span{color:var(--cor-branco);} .chat_botao_encerrado{width:100%; height:50px; border-radius:5px; background-color: var(--cor-nao-respondido2); border:1px solid var(--cor-nao-respondido2); display: flex; align-items: center; justify-content: center; gap:10px; color:#fff; font-weight: var(--medium); transition: .2s;} /*-------- Area Professor --------*/ /*-------- Perfil --------*/ .perfil_conteudo{width:100%; display: flex; gap:20px;} .perfil_lateral{flex-basis:24%; display: flex; flex-direction: column;} .perfil_lateral{flex-basis:24%; display: flex; flex-direction: column; background-color: var(--cor-vinho); border-radius:10px;} .perfil_bloco{box-shadow: 0px 0px 6px rgba(72, 0, 22, 0.39); flex-basis:76%; flex-direction: column; border-radius: 10px; padding:40px 50px; align-items: flex-start; gap:20px; display: flex;} .perfil_lateral__cabecalho{width:100%; display: flex; align-items: center; padding:20px; justify-content: flex-start; gap:10px; border-radius: 10px 10px 0px 0px;} .perfil_lateral__cabecalho.selecionado{background-color: #47252b;} .perfil_lateral__cabecalho span{text-align: left; font-weight:var(--extraBold); color:var(--cor-branco);} .perfil_bloco__titulo{width: 100%; text-align: left; font-weight: var(--extraBold); font-size: var(--titulo-modal); line-height: var(--line-modal); color:var(--cor-preto);} .perfil_bloco_campos{width: 100%; display: flex; flex-direction: column; gap:15px; align-items: flex-start;} .perfil_bloco_foto{display: flex; align-items: center; gap:15px; cursor: pointer;} .perfil_bloco_foto_botao{width:70px; height:70px; border-radius:50%; cursor:pointer; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url('../imagens/perfil_icone_editar.png');} .editar_perfil .nav_botao_add{margin-top:10px;} .perfil_alinha_botao_salvar{width: 100%; display: flex; justify-content: flex-end;} /*-------- Perfil --------*/ /*-------- Parte das páginas que a bia fez --------*/ .area_do_aluno__detalhe_claro{width: 100%;display: flex;align-items: center;justify-content: center;background-color: #F5F2F3;position: relative;} .area_do_aluno__detalhe_claro .conteudo_area_do_aluno__detalhe_claro{display: flex;flex-direction: column;padding: 40px 0 100px 0;width: 100%;position: relative;} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro-div{display: flex;gap: 10px;align-items: center;width:100%} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro-voltar{border: 1px solid #AAA;border-radius: 5px;padding: 5px 14px;cursor: pointer;width:87px; display: flex; align-items: center; flex-direction: row;} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro-voltar span{border: solid #333;border-width: 0px 2px 2px 0;display: inline-block;padding: 4px;transform: rotate(135deg);-webkit-transform: rotate(135deg);margin-right: 5px} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro-voltar p{margin:0px} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro{display: flex;align-items: center;width: 100%;justify-content: space-between;} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro h1{font-family: "Public Sans";font-weight: 400;font-size: 20px !important;flex:1;text-align: left;color: #2b2b2b /*;max-width: 500px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro .alinhaContainer{display: flex;align-items: center;gap: 5px;margin-top: 5px;min-width:397px} .area_do_aluno__detalhe_claro .containerTopoVermelho{width: auto;height: 42px;border-radius: 5px;background: #390e1b;display: flex;align-items: center;justify-content: center;gap: 5px;padding: 10px;font-family: "Public Sans";font-weight: normal;font-size: 15px;line-height: 17px;text-align: left;color: #fff;} .area_do_aluno__detalhe_claro .containerTopoVermelho svg{fill: #fff;} .area_do_aluno__detalhe_claro .alinha_conteudoPagina{display: flex;align-items: flex-start;gap: 40px; position: relative;margin-top: 20px;} .area_do_aluno__detalhe_claro .container_conteudoAula{width: calc(70% - 60px);display: flex;flex-direction: column;gap: 30px;} .area_do_aluno__detalhe_claro .containerBranco{width: 100%; /*height: 591px;*/ border-radius: 10px;background: #fff;padding: 15px;} .area_do_aluno__detalhe_claro .video{background-image: url(../imagens/videoAula.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;height: 500px;border-radius: 10px;cursor: pointer; margin-bottom: 15px;} .area_do_aluno__detalhe_claro .alinhaConteudo_conteinerBranco__video{display: flex;align-items: center;justify-content: space-between;padding:5px 0px; /*padding: 0 15px;margin-top: 10px;*/ margin-bottom: 15px;} .area_do_aluno__detalhe_claro .alinhaConteudo_conteinerBranco__video-titulo{display: flex;align-items: center;justify-content: space-between;padding:5px 0px; /*padding: 0 15px;margin-top: 10px;*/ margin-bottom: 15px;;background:url('../imagens/youtube.svg');background-size: 28px;background-repeat: no-repeat;background-position: left center;padding-left: 40px;} .area_do_aluno__detalhe_claro .alinhaConteudo_conteinerBranco__video-titulo h2 {font-weight: 700;text-transform: uppercase;color:#390e1b;font-size: 18px;} .area_do_aluno__detalhe_claro .tempoAula{display: flex;align-items: center;gap: 8px;} .area_do_aluno__detalhe_claro .tempoAula svg{fill: #390e1b;} .area_do_aluno__detalhe_claro .alinhaConteudo_conteinerBranco__professor{display: flex;align-items: center;gap: 10px; /*padding: 0 15px; margin-top: 5px;*/ margin-bottom: 15px;} .area_do_aluno__detalhe_claro .alinhaConteudo_conteinerBranco__aviso{display: flex;align-items: stretch;gap: 15px;margin-bottom: 15px;padding: 10px;border-radius: 6px;line-height: 21px;border: 1px solid #DDD;} .area_do_aluno__detalhe_claro .professor{padding: 3px 8px;background-color: #d7ced1;border-radius: 5px;color: #390e1b;} .area_do_aluno__detalhe_claro .containerBranco__texto{width: 100%;height: auto;border-radius: 10px;background: #fff;padding: 40px 30px 60px 30px;} .area_do_aluno__detalhe_claro .containerBranco__texto h2{font-family: "Public Sans";font-weight: normal;font-size: 25px;text-align: left;color: #2b2b2b;margin-bottom: 20px;} .area_do_aluno__detalhe_claro .containerBranco__texto span{font-family: "Public Sans";font-weight: normal;font-size: 15px;line-height: 23px;text-align: left;color: #434343;} .area_do_aluno__detalhe_claro .conteiner_materialApoio{display: flex;align-items: flex-start;flex-direction: column;} .area_do_aluno__detalhe_claro .conteiner_materialApoio h3{font-family: "Public Sans";font-weight: normal;font-size: 18px;text-align: left;color: #2b2b2b;margin-bottom: 10px;} .area_do_aluno__detalhe_claro .alinhaConteudo_materialApoio{display: flex;align-items: center;gap: 10px;} .area_do_aluno__detalhe_claro .alinhaTxt_materialApoio{display: flex;flex-direction: column;} .area_do_aluno__detalhe_claro .Conteudo_materialApoio .linha{width: 100%;height: 1px;margin: 15px 0;background-color: #C4C4C4;} .area_do_aluno__detalhe_claro .containerBtn_modoEscuro{width: 23px;height: 12px;border-radius: 6px;background: #f1b21f;padding: 1px;display: flex;justify-content: flex-start;cursor: pointer;} .area_do_aluno__detalhe_claro .btnModoEscuro{width: 10px;height: 10px;border-radius: 10px;background: #fff;} .area_do_aluno__detalhe_claro .containerBtn_Acessibilidade{width: 23px;height: 12px;border-radius: 6px;background: #f1b21f;padding: 1px;display: flex;justify-content: flex-start;cursor: pointer;} .area_do_aluno__detalhe_claro .btnAcessibilidade{width: 10px;height: 10px;border-radius: 10px;background: #fff;} .area_do_aluno__detalhe_claro .alinha_ConteudoModulo{border-bottom: 1px solid #C4C4C4;} .area_do_aluno__detalhe_claro .alinha_ConteudoModulo.ultimo{border-bottom: none;} .area_do_aluno__detalhe_claro .container_modulos{width: 400px;height: auto;border-radius: 10px;background: #fff;box-shadow: 0px 0px 6px rgba(72, 0, 22, 0.39);position: sticky;right:0px;top:100px} .area_do_aluno__detalhe_claro .containerModulo{display: flex;align-items: center;justify-content: space-between;margin: 0 15px; /*height: 55px;*/ padding: 15px 0px;} .area_do_aluno__detalhe_claro .containerModulo.aberto{border-bottom: 1px solid #C4C4C4;} .area_do_aluno__detalhe_claro .alinhaNomeModulo{display: flex;align-items: center; gap: 10px;} .area_do_aluno__detalhe_claro .bolaAmarela{display: flex;align-items: center;justify-content: center; width: 24px;height: 24px;background: #f1b21f;border-radius: 25px; min-width: 24px;} .area_do_aluno__detalhe_claro .conteudo_modulo{display: flex;align-items: center;gap: 14px;padding: 8px 7px;line-height:21px;border-top:1px solid #DDD} .area_do_aluno__detalhe_claro .conteudo_modulo.ativo{background-color: #F5F2F3;} .area_do_aluno__detalhe_claro .conteudo_modulo.ativo svg{fill: #390e1b;} .area_do_aluno__detalhe_claro .conteudo_modulo svg{fill: #390e1b;} .area_do_aluno__detalhe_claro.modoEscuro{background-color: #3E2B31;} .area_do_aluno__detalhe_claro.modoEscuro .topo_conteudo_area_do_aluno__detalhe_claro-voltar {border-color: #fff;color:#FFF} .area_do_aluno__detalhe_claro.modoEscuro .topo_conteudo_area_do_aluno__detalhe_claro-voltar span {border-color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .topo_conteudo_area_do_aluno__detalhe_claro h1{color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .containerTopoVermelho{background: #FFC53E;color: #3E2B31;} .area_do_aluno__detalhe_claro.modoEscuro .containerTopoVermelho svg{fill: #3E2B31;stroke: #3E2B31;} .area_do_aluno__detalhe_claro.modoEscuro .containerBranco{background: #291F22;} .area_do_aluno__detalhe_claro.modoEscuro .alinhaConteudo_conteinerBranco__video{color: #fff} .area_do_aluno__detalhe_claro.modoEscuro .alinhaConteudo_conteinerBranco__video-titulo{color: #fff;;background:url('../imagens/youtube2.svg');background-size: 28px;background-repeat: no-repeat;background-position: left center} .area_do_aluno__detalhe_claro.modoEscuro .alinhaConteudo_conteinerBranco__video-titulo h2 {color:#FFF} .area_do_aluno__detalhe_claro.modoEscuro .tempoAula svg{fill: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .alinhaConteudo_conteinerBranco__professor{color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .alinhaConteudo_conteinerBranco__aviso{color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .professor{color: #390e1b;background-color: #FFC53E;} .area_do_aluno__detalhe_claro.modoEscuro .containerBranco__texto{background: #291F22;} .area_do_aluno__detalhe_claro.modoEscuro .containerBranco__texto h2{color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .containerBranco__texto span{color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .conteiner_materialApoio h3{color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .alinhaTxt_materialApoio{color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .Conteudo_materialApoio .linha{background-color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .containerBtn_modoEscuro{background: #3E2B31;justify-content: flex-end;} .area_do_aluno__detalhe_claro.modoEscuro .btnModoEscuro{background: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .containerBtn_Acessibilidade{background: #3E2B31;} .area_do_aluno__detalhe_claro.modoEscuro .btnAcessibilidade{background: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .container_modulos{background: #291F22;color: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .bolaAmarela{background: #f1b21f;} .area_do_aluno__detalhe_claro.modoEscuro .conteudo_modulo.ativo{background-color: #3E2B31;} .area_do_aluno__detalhe_claro.modoEscuro .conteudo_modulo.ativo svg{fill: #fff;} .area_do_aluno__detalhe_claro.modoEscuro .conteudo_modulo svg{fill: #fff;} .area_do_aluno__fale_professor_detalhe{width: 100%;display: flex;align-items: center;justify-content: center;background-color: #F5F2F3;position: relative;} .area_do_aluno__fale_professor_detalhe .conteudo_fale_professor_detalhe{width: 100%;min-height: calc(100vh - 260px);} .area_do_aluno__fale_professor_detalhe .alinha_conteudoTopo{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-top: 45px;} .area_do_aluno__fale_professor_detalhe .alinha_conteudoTopo h1{font-family: "Public Sans";font-weight: normal;font-size: var(--font-titulo-secao);text-align: left;color: #2b2b2b;} .area_do_aluno__fale_professor_detalhe .alinha_botoes_topo{display: flex;align-items: center;gap: 20px;} .area_do_aluno__fale_professor_detalhe .pagina_cabecalho{width: 100%; display: flex; justify-content: space-between; margin-bottom:20px; border-radius:5px 5px 0px 0px;} .area_do_aluno__fale_professor_detalhe .titulo_pagina{text-align: left; font-size:var(--font-titulo-secao); line-height:var(--line-titulo-secao); color:var(--cor-preto); font-weight: var(--extraBold);} .area_do_aluno__fale_professor_detalhe .pagina_filtros{display: flex; align-items: center; gap:20px;cursor: pointer;} .area_do_aluno__fale_professor_detalhe .filtro_select{width:300px; height:45px; border-radius:5px; padding:0px 35px 0px 15px; border:1px solid var(--cor-cinza-borda2);} .area_do_aluno__fale_professor_detalhe .botaoAmarelo{width: 200px;height: 46px;border-radius: 5px;background: #ffc53e;font-family: "Public Sans";font-weight: 500;font-size: 15px;text-align: right;color: #390e1b;display: flex;align-items: center;justify-content: center;gap: 10px;border: 1px solid #f1b21f;} .area_do_aluno__fale_professor_detalhe .botaoAmarelo:hover{background-color: transparent;} .area_do_aluno__fale_professor_detalhe .titulo_pagina-div{display: flex;gap: 10px;align-items: center;width:100%} .area_do_aluno__fale_professor_detalhe .titulo_pagina-voltar{border: 1px solid #AAA;border-radius: 5px;padding: 5px 14px;cursor: pointer;width:87px; display: flex; align-items: center; flex-direction: row;} .area_do_aluno__fale_professor_detalhe .titulo_pagina-voltar span{border: solid #333;border-width: 0px 2px 2px 0;display: inline-block;padding: 4px;transform: rotate(135deg);-webkit-transform: rotate(135deg);margin-right: 5px} .area_do_aluno__fale_professor_detalhe .titulo_pagina-voltar p{margin:0px} .area_do_aluno__fale_professor_detalhe .botaoVoltar{width: 100px;height: 50px;border-radius: 5px;background: #f5f2f3;border: 1px solid #390e1b;font-family: "Public Sans";font-weight: 500;font-size: 15px;text-align: right;color: #390e1b;display: flex;align-items: center;justify-content: center;} .area_do_aluno__fale_professor_detalhe .alinhaItens_detalhes{display: flex;flex-direction: column;gap: 15px;margin-top: 20px;} .area_do_aluno__fale_professor_detalhe .itemDetalhes{width: 100%;height: 82px;border-radius: 10px;background: #fff;box-shadow: 0px 0px 6px rgba(72, 0, 22, 0.39);display: flex;align-items: center;justify-content: space-between;padding: 0 20px;} .area_do_aluno__fale_professor_detalhe .itemDetalhes span{font-family: "Public Sans";font-weight: normal;font-size: 18px;text-align: left;color: #2b2b2b;} .area_do_aluno__fale_professor_detalhe .conteudo_itemDetalhes{display: flex;align-items: center;gap: 40px;height: 100%;} .area_do_aluno__forum{width: 100%;display: flex;align-items: center;justify-content: center;background-color: #F5F2F3;position: relative;} .area_do_aluno__forum .conteudo_area_do_aluno__novo_topico{width: 100%; min-height: calc(100vh - 260px);} .area_do_aluno__forum .alinha_conteudoTopo{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-top: 45px;} .area_do_aluno__forum .alinha_conteudoTopo h1{font-family: "Public Sans";font-weight: normal;font-size: var(--font-titulo-secao);text-align: left;color: #2b2b2b;} .area_do_aluno__forum .alinha_botoes_topo{display: flex;align-items: center;gap: 20px;} .area_do_aluno__forum .pagina_cabecalho{width: 100%; display: flex; justify-content: space-between; margin-bottom:20px; border-radius:5px 5px 0px 0px;} .area_do_aluno__forum .titulo_pagina{text-align: left; font-size:var(--font-titulo-secao); line-height:var(--line-titulo-secao); color:var(--cor-preto); font-weight: var(--extraBold);} .area_do_aluno__forum .pagina_filtros{display: flex; align-items: center; gap:20px;cursor: pointer;} .area_do_aluno__forum .filtro_select{width:300px; height:45px; border-radius:5px; padding:0px 35px 0px 15px; border:1px solid var(--cor-cinza-borda2);} .area_do_aluno__forum .botaoAmarelo{width: 210px;height: 50px;border-radius: 5px;background: #ffc53e;font-family: "Public Sans";font-weight: 500;font-size: 15px;text-align: right;color: #390e1b;display: flex;align-items: center;justify-content: center;gap: 10px;border: 1px solid #f1b21f;} .area_do_aluno__forum .botaoAmarelo:hover{background-color: transparent;} .area_do_aluno__forum .botaoVoltar{width: 100px;height: 50px;border-radius: 5px;background: #f5f2f3;border: 1px solid #390e1b;font-family: "Public Sans";font-weight: 500;font-size: 15px;text-align: right;color: #390e1b;display: flex;align-items: center;justify-content: center;} .area_do_aluno__forum .linha{width: 100%;height: 1px;border-radius: 0.5px;background: #c4c4c4;margin-top: 20px;margin-bottom: 15px;} .area_do_aluno__forum .conteudoTopo2{width: 100%;display: flex;justify-content: flex-end;} .area_do_aluno__forum .alinha_conteudoTopo2{display: flex;align-items: center;gap: 10px;} .area_do_aluno__forum .filtro{width: auto; height: 45px;border-radius: 5px;border: 1px solid #c4c4c4;display: flex;align-items: center;justify-content: center;padding: 0 10px;background-color: transparent;} .area_do_aluno__forum .filtro.ativo{background: #390e1b;border: none;color: #fff;} .area_do_aluno__forum .campoPesquisa{width: 300px;height: 45px;border-radius: 5px;background: #fff;border: 1px solid #c4c4c4;padding: 0 20px 0 10px;display: flex;align-items: center;justify-content: center;} .area_do_aluno__forum .campoPesquisa input{width: 100%;} .area_do_aluno__forum .alinha_itensForum{display: flex;flex-direction: column;gap: 15px;margin-top: 30px;cursor: pointer;} .area_do_aluno__forum .itemForum{width: 100%;height: 102px;border-radius: 10px;background: #fff;box-shadow: 0px 0px 6px rgba(72, 0, 22, 0.39);display: flex;align-items:center} .area_do_aluno__forum .status_itemForum{display: flex;flex-direction: column; justify-content: center;align-items: center;gap: 5px;height: 100%;width: 10%;background-color: #B9E3D9;border-radius: 10px 0 0 10px;} .area_do_aluno__forum .status_itemForum svg{stroke: #1AA183;} .area_do_aluno__forum .status_itemForum.finalizado{background-color: transparent;border-right: 1px solid #c4c4c4;} .area_do_aluno__forum .status_itemForum.finalizado svg{stroke: #c4c4c4;} .area_do_aluno__forum .texto_itemForum{width: 65%;height: 100%;display: flex;flex-direction: column; justify-content: center;padding-left: 20px;} .area_do_aluno__forum .alinhaInfo_itemForum{width: 25%;height: 100%;padding: 0px 20px 0 20px;display: flex;flex-direction: column;justify-content: center;border-left: 1px solid #c4c4c4;} .area_do_aluno__forum .topoInfo_itemForum{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;} .area_do_aluno__forum .conteudoInfo_itemForum{display: flex;align-items: center;gap: 10px;} .area_do_aluno__forum .alinhaNome{display: flex;flex-direction: column;} .area_do_aluno__forum .titulo_pagina-div{display: flex;gap: 10px;align-items: center;width:100%} .area_do_aluno__forum .titulo_pagina-voltar{border: 1px solid #AAA;border-radius: 5px;padding: 5px 14px;cursor: pointer;width:87px; display: flex; align-items: center; flex-direction: row;} .area_do_aluno__forum .titulo_pagina-voltar span{border: solid #333;border-width: 0px 2px 2px 0;display: inline-block;padding: 4px;transform: rotate(135deg);-webkit-transform: rotate(135deg);margin-right: 5px} .area_do_aluno__forum .titulo_pagina-voltar p{margin:0px} .bola_interacoes{background:url() #000;text-align:center;color:#fff;font-size:12px;border-radius:100px;height:30px;width:30px;padding-top:7px;display: inline-block; margin-top: 6px} .bolinha{z-index: 2; background-color: #F00; height: 15px; width: 15px; border-radius: 100px; position: absolute; top: -5px; right: -5px;} .bolinhaTopico{z-index: 2; background-color: #F00; height: 15px; width: 15px; border-radius: 100px; position: absolute; top: 0px; right: 5px;} .area_do_aluno__home{width: 100%;display: flex;align-items: center;justify-content: center;} .conteudo_area_do_aluno__home{display: flex;flex-direction: column;padding: 40px 0 100px 0;width: 100%;} .area_do_aluno__home h1{font-family: "Public Sans";font-weight: 400;font-size: 35px;text-align: left;color: #2b2b2b;} .area_do_aluno__home .alinhaContainer{display: flex;align-items: flex-start;gap: 30px;width: 100%;margin-top: 20px;} .area_do_aluno__home .container.Curso{width: calc(50% - 15px); /*height: 342px;*/ border-radius: 10px;background: #390e1b;padding: 40px 30px;} .container.Curso .titulo{font-family: "Public Sans";font-weight: normal;font-size: 16px;text-align: left;color: #fff; margin-bottom: 5px;} .container.Curso .alinhaConteudo{display: flex; align-items: center; gap: 15px; margin-top: 10px; align-content: center; justify-content: flex-start;} .container.Curso .alinhaConteudo img{width: 110px;height: 86px;border-radius: 10px; object-fit: cover;} .container.Curso .textoBold{font-family: "Public Sans";font-weight: 700;font-size: 15px;text-align: left;color: #fff;} .container.Curso .textoBold.titulo{margin-bottom: 10px;max-width: 100%;} .container.Curso .texto{font-family: "Public Sans";font-weight: normal;font-size: 15px;text-align: left;color: #fff;} .container.Curso .alinhaBotao{display: flex;align-items: center;gap: 5px;margin-top: 20px;} .container.Curso .botaoAmarelo{width: 230px;height: 42px;border-radius: 5px;background: #ffc53e;font-family: "Public Sans";font-weight: 500;font-size: 15px;text-align: right;color: #390e1b;display: flex;align-items: center;justify-content:center;gap: 5px;border: 1px solid #f1b21f;transition: .2s;} .container.Curso .botaoAmarelo svg{stroke: #390e1b;fill: #390e1b;} .container.Curso .botaoAmarelo:hover{background-color: transparent;color: #fff;} .container.Curso .botaoAmarelo:hover svg{stroke: #fff;fill: #fff;} .container.Curso .botaoAguarde{border-radius: 5px;background: #390e1b;font-family: "Public Sans";font-size: 15px;text-align: right;color: #fff;display: flex;align-items: center;justify-content:center;gap: 5px;border: 1px solid #390e1b;transition: .2s;} .container.Curso .botaoBranco{width: 97px;height: 42px;border-radius: 5px;background: #f5f5f5;font-family: "Public Sans";font-weight: 500;font-size: 15px;text-align: right;color: #2b2b2b;display: flex;align-items: center;justify-content:center;gap: 5px;} .area_do_aluno__home .container.Progresso{width: calc(50% - 15px); /*height: 342px;*/ border-radius: 10px;background: #fff;box-shadow: 0px 0px 6px rgba(72, 0, 22, 0.39);padding: 0;} .container.Progresso .parte1container{display: flex;flex-direction: column;padding: 25px 30px 25px 30px;border-bottom: 1px solid #c4c4c4;} .container.Progresso .parte1container .titulo{font-family: "Public Sans";font-weight: normal;font-size: 18px;text-align: left;color: #2b2b2b;} .container.Progresso .barra{width: 100%;height: 44px;border-radius: 10px;background: #fff;border: 1px solid #390e1b;margin-top: 10px;} .container.Progresso .conteudoBarra{width: 179px;height: 100%;border-radius: 6px 0px 0px 6px;background: #390e1b;} .container.Progresso .alinhaInfoBarra{display: flex;align-items: center;margin-top: 10px;gap: 10px;} .container.Progresso .alinhaInfoBarra .numero{font-family: "Public Sans";font-weight: normal;font-size: 18px;text-align: left;color: #2b2b2b;} .container.Progresso .alinhaInfoBarra .texto{font-family: "Public Sans";font-weight: normal;font-size: 15px;text-align: left;color: #2b2b2b;} .container.Progresso .parte2container{height: auto; display: flex;gap: 10px; padding: 13px;} .container.Progresso .cont_aulaAtual{width: calc(50% - 5px);border-radius: 10px;background: #fff;border: 1px solid #f1b21f;padding: 15px;} .container.Progresso .alinha_texto{display: flex;align-items: center;gap: 5px;margin-bottom: 7px;} .container.Progresso .textoBold{font-family: "Public Sans";font-weight: 700;font-size: 15px;text-align: left;color: #2b2b2b;} .container.Progresso .cont_proxAula{width: calc(50% - 5px); border-radius: 10px; background: #fff; border: 1px solid #c4c4c4; padding: 15px;} .containerBranco.andamento{width: 100%;height: auto;border-radius: 10px;background: #fff;border: 1px solid #c4c4c4;padding: 30px;margin-top: 25px;} .containerBranco.andamento .titulo{font-family: "Public Sans";font-weight: normal;font-size: 18px;text-align: left;color: #2b2b2b;max-width: 100%;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .containerBranco.andamento .titulo2{font-size: 15px} .alinha_itens{display: flex;align-items: center;gap: 10px;margin-top: 20px;} .item.andamento{width: calc(25% - 7.5px);height: 87px;border-radius: 10px;background: #fff;border: 1px solid #c4c4c4;display: flex;align-items: center;cursor: pointer;} .item.andamento:hover{box-shadow: 0px 0px 25px rgba(72, 0, 22, 0.39);} .imagemFundo{width: 112px;height: 87px;border-radius: 10px 0px 0px 10px;background-repeat: no-repeat;background-position: center;background-size: contain;} .imagemFundo.andamento{background-image: url(../imagens/img_cursos_exemplo2.jpg);} .alinhaConteudoItem{display: flex;flex-direction: column;gap: 5px; margin-left: 10px;max-width: 185px;padding-right: 5px;} .btn_continuarCurso{display: flex;align-items: center;gap: 10px;font-weight:700;} .area_do_aluno__novo_topico_professor{width: 100%;display: flex;align-items: center;justify-content: center;background-color: #F5F2F3;position: relative;} .area_do_aluno__novo_topico_professor .conteudo_area_do_aluno__novo_topico{min-height: calc(100vh - 260px);padding-top: 30px;width: 100%;} .area_do_aluno__novo_topico_professor .conteudo_area_do_aluno__novo_topico h1{font-family: "Public Sans";font-weight: normal;font-size: 35px;text-align: left;color: #2b2b2b;margin-bottom: 20px;} .area_do_aluno__novo_topico_professor .conteinerNovoTopico{padding: 50px;width: 100%;height: auto;background: #fff;filter: drop-shadow(0px 0px 6px rgba(72, 0, 22, 0.39));border-radius: 10px;} .area_do_aluno__novo_topico_professor .alinhaInput{display: flex;flex-direction: column;gap: 5px; margin-bottom: 15px;} .area_do_aluno__novo_topico_professor .alinhaInput input{width: 100%;height: 45px;border-radius: 5px;background-color: #fff;border: 1px solid #c4c4c4;padding: 10px;} .area_do_aluno__novo_topico_professor .alinhaInput select{width: 100%;height: 45px;border-radius: 5px;background-color: #fff;border: 1px solid #c4c4c4;margin-bottom: 15px;padding: 0 15px;} .area_do_aluno__novo_topico_professor .alinhaInput.campoMsg textarea{height: 100px;width: 100%;border-radius: 5px;background-color: #fff;border: 1px solid #c4c4c4;padding:10px;} .area_do_aluno__novo_topico_professor .btnEnviar{width: 210px;height: 50px;border-radius: 5px;background: #ffc53e;font-family: "Public Sans";font-weight: 500;font-size: 15px;text-align: right;color: #390e1b;display: flex;align-items: center;justify-content: center;gap: 10px; margin-top: 30px;margin-left: 100%;transform: translateX(-100%);border: 1px solid #f1b21f;transition: .2s;} .area_do_aluno__novo_topico_professor .btnEnviar:hover{background-color: transparent;} .area_do_aluno__novo_topico{width: 100%;display: flex;align-items: center;justify-content: center;background-color: #F5F2F3;position: relative;} .area_do_aluno__novo_topico .conteudo_area_do_aluno__novo_topico{min-height: calc(100vh - 260px);padding-top: 30px;width: 100%;} .area_do_aluno__novo_topico .conteudo_area_do_aluno__novo_topico h1{font-family: "Public Sans";font-weight: normal;font-size: 35px;text-align: left;color: #2b2b2b;margin-bottom: 20px;} .area_do_aluno__novo_topico .conteinerNovoTopico{padding: 50px;width: 100%;height: auto;background: #fff;filter: drop-shadow(0px 0px 6px rgba(72, 0, 22, 0.39));border-radius: 10px;} .area_do_aluno__novo_topico .alinhaInput{display: flex;flex-direction: column;gap: 5px; margin-bottom: 15px;} .area_do_aluno__novo_topico .alinhaInput input{width: 100%;height: 45px;border-radius: 5px;background: #fff;border: 1px solid #c4c4c4; padding: 10px;} .area_do_aluno__novo_topico .alinhaInput.campoMsg input{height: 100px;} .area_do_aluno__novo_topico_professor .alinhaInput select{width: 100%;height: 45px;border-radius: 5px;background-color: #fff;border: 1px solid #c4c4c4;margin-bottom: 15px;padding: 0 15px;} .area_do_aluno__novo_topico .alinhaInput.campoMsg{margin-top: 15px;} .area_do_aluno__novo_topico .alinhaInput.campoMsg textarea{height: 100px;width: 100%;border-radius: 5px;background-color: #fff;border: 1px solid #c4c4c4;padding: 10px;} .area_do_aluno__novo_topico .btnEnviar{width: 210px;height: 50px;border-radius: 5px;background: #ffc53e;font-family: "Public Sans";font-weight: 500;font-size: 15px;text-align: right;color: #390e1b;display: flex;align-items: center;justify-content: center;gap: 10px; margin-top: 30px;margin-left: 100%;transform: translateX(-100%);border: 1px solid #f1b21f;transition: .2s;} .area_do_aluno__novo_topico .btnEnviar:hover{background-color: transparent;} /*-------- Forum --------*/ .area_do_professor__forum{width: 100%;display: flex;align-items: center;justify-content: center;background-color: #F5F2F3;position: relative;} .area_do_professor__forum .conteudo_area_do_professor__novo_topico{width: 100%;} .area_do_professor__forum .alinha_conteudoTopo{display: flex;align-items: center;justify-content: space-between;width: 100%;} .area_do_professor__forum .alinha_botoes_topo{display: flex;align-items: center;gap: 20px;} .area_do_professor__forum .pagina_cabecalho{width: 100%; display: flex; justify-content: space-between; margin-bottom:20px; border-radius:5px 5px 0px 0px;} .area_do_professor__forum .titulo_pagina{text-align: left; font-size:var(--font-titulo-secao); line-height:var(--line-titulo-secao); color:var(--cor-preto); font-weight: var(--extraBold);} .area_do_professor__forum .pagina_filtros{display: flex; align-items: center; gap:20px;cursor: pointer;} .area_do_professor__forum .filtro_select{width:300px; height:45px; border-radius:5px; padding:0px 35px 0px 15px; border:1px solid var(--cor-cinza-borda2);} .area_do_professor__forum .linha{width: 100%;height: 1px;border-radius: 0.5px;background: #c4c4c4;margin-top: 20px;margin-bottom: 15px;} .area_do_professor__forum .conteudoTopo2{width: 100%;display: flex;justify-content: flex-end;} .area_do_professor__forum .alinha_conteudoTopo2{display: flex;align-items: center;gap: 10px;} .area_do_professor__forum .filtro{width: auto; height: 45px;border-radius: 5px;border: 1px solid #c4c4c4;display: flex;align-items: center;justify-content: center;padding: 0 10px;background-color: transparent;} .area_do_professor__forum .filtro.ativo{background: #390e1b;border: none;color: #fff;} .area_do_professor__forum .campoPesquisa{width: 300px;height: 45px;border-radius: 5px;background: #fff;border: 1px solid #c4c4c4;padding: 0 20px 0 10px;display: flex;align-items: center;justify-content: center;} .area_do_professor__forum .campoPesquisa input{width: 100%;} .area_do_professor__forum .alinha_itensForum{display: flex;flex-direction: column;gap: 15px;margin-top: 30px;} .area_do_professor__forum .itemForum{width: 100%;height: 102px;border-radius: 10px;background: #fff;box-shadow: 0px 0px 6px rgba(72, 0, 22, 0.39);display: flex; cursor: pointer;} .area_do_professor__forum .status_itemForum{display: flex;flex-direction: column; justify-content: center;align-items: center;gap: 5px;height: 100%;width: 10%;background-color: #B9E3D9;border-radius: 10px 0 0 10px;} .area_do_professor__forum .status_itemForum svg{stroke: #1AA183;} .area_do_professor__forum .status_itemForum.finalizado{background-color: transparent;border-right: 1px solid #c4c4c4;} .area_do_professor__forum .status_itemForum.finalizado svg{stroke: #c4c4c4;} .area_do_professor__forum .texto_itemForum{width: 65%;height: 100%;display: flex;flex-direction: column; justify-content: center;padding-left: 20px;} .area_do_professor__forum .alinhaInfo_itemForum{width: 25%;height: 100%;padding: 0px 20px 0 20px;display: flex;flex-direction: column;justify-content: center;border-left: 1px solid #c4c4c4;} .area_do_professor__forum .topoInfo_itemForum{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;} .area_do_professor__forum .conteudoInfo_itemForum{display: flex;align-items: center;gap: 10px;} .area_do_professor__forum .alinhaNome{display: flex;flex-direction: column;} /*-------- Forum --------*/ /*-------- Politica de privacidade e Termos de uso --------*/ .quem_somos.politica_termos{background-color: var(--cor-vinho); padding-bottom:20px;min-height: unset;} .quem_somos.politica_termos .titulo_secao{color:var(--cor-branco);} .quem_somos.politica_termos .quem_somos_alinha{width:100%; display: flex; flex-direction: column;} .quem_somos.politica_termos .quem_somos_conteudo{width:100%; display: flex; gap:60px; align-items: center;} .pagina_interna.politica_termos2 .secao_sobre_txt{color:var(--cor-vinho)} .pagina_interna.politica_termos2 {min-height: calc(100vh - 379px);} /*-------- Politica de privacidade e Termos de uso --------*/ /*-------- Parte das páginas que a bia fez --------*/ .Paginacao{width: auto;margin-top: 30px;} .BotaoPaginacao{width: 50px;height: 50px;border-radius: 10px;background-color: #fff;font-size: 18px;color: #000;font-weight: 700;line-height: 50px;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); text-align: center; cursor: pointer;} .BotaoPaginacao.Proximo{background-image: url('../imgs/ItemEntrar.svg');background-position: center center;background-repeat: no-repeat;background-size: 18px;} .BotaoPaginacao.Anterior{background-image: url('../imgs/ItemEntrar.svg');background-position: center center;background-repeat: no-repeat;background-size: 18px;transform: rotate(180deg);} .BotaoPaginacao:hover{opacity: .8;} /* .BotaoPaginacao:active{opacity: .6;} */ .BotaoPaginacao.Ativo{opacity: .6;} /*-------- Rodape --------*/ /* Aviso */ .AvisoMostra {display:flex !important} #AvisoErro {position: fixed; z-index: 99999; top: 0px; left: 0px; width: 100%; height:100%; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4);display:none} #AvisoErro .Aviso{clear: both; width: 440px; padding: 30px; margin-bottom: 150px; cursor: pointer; transition: transform 0s, left 0.2s ease-in-out;box-sizing: border-box;border-radius: 6px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);text-align:center} #AvisoErro .Aviso:hover{transform: scale(0.95); opacity: 0.84} #AvisoErro .Aviso-erro{background-color: #eb3b2f; opacity: 0.94} #AvisoErro .Aviso-aviso{background-color: #f5b622; opacity: 0.98} #AvisoErro .Titulo{float: left; width: 100%; background-position: left center; font-size: 20px; font-weight: 600; color: #fff;box-sizing: border-box;} #AvisoErro .Titulo-texto{float: left; width: 100%; margin-top: 10px; font-size: 17px; color: #fff;box-sizing: border-box;line-height:24px} #AvisoErro .Titulo-erro{height:36px;background: url('../imagens/aviso_erro.svg?v=1') no-repeat center;background-size:36px;margin-bottom:15px} #AvisoErro .Titulo-aviso{height:36px;background: url('../imagens/aviso_alert.svg?v=1') no-repeat center;background-size:30px;margin-bottom:15px} #AvisoErro .Fechar {width:200px;height:40px;border-radius:5px;background-color:#db2115;color:#FFF;display:inline-block;margin-top:25px;cursor:pointer} #AvisoErro .Fechar-aviso {background-color:#db9c0a;color:#FFF} #AvisoErro .Remover{position: absolute; top: 8px; right: 8px; width: 14px; height: 14px; background-image: url('../imagens/aviso_remover.png?v=1');background-repeat:no-repeat} #AvisoAguarde {position: fixed; z-index: 99999; top: 0px; left: 0px; width: 100%; height:100%; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4);display:none} #AvisoAguarde .Aviso{clear: both; width: 380px; padding: 30px; margin-bottom: 150px; transition: transform 0s, left 0.2s ease-in-out;box-sizing: border-box;border-radius: 6px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);text-align:center} #AvisoAguarde .Aviso-aguarde{background-color: #f5f5f5; opacity: 0.94} #AvisoAguarde .Titulo{float: left; width: 100%; background-position: left center; font-size: 20px; font-weight: 600; color: #504D54;box-sizing: border-box;} #AvisoAguarde .Titulo-texto{float: left; width: 100%; margin-top: 10px; font-size: 17px; color: #504D54;box-sizing: border-box} #AvisoAguarde .Titulo-aguarde{height:36px;background: url('../imagens/aguarde.gif') no-repeat center;background-size:36px;margin-bottom:15px} #Aviso {position: fixed; z-index: 99999; bottom: 0px; right: 0px} #Aviso .Aviso{float: right; clear: both; position: relative; bottom: 50px; right: -500px; width: fit-content; max-width:600px; padding: 20px 25px; margin-bottom: 10px; cursor: pointer; transition: transform 0s, left 0.2s ease-in-out;box-sizing: border-box;border-radius: 6px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);display: flex;flex-direction: column} #Aviso .Aviso:hover{transform: scale(0.95); opacity: 0.84} #Aviso .Aviso-sucesso{background-color: #1ECE6D} #Aviso .Aviso-aviso{background-color: #f5b622; opacity: 0.94} #Aviso .Titulo{float: left; width: 100%; padding: 2px 0px; padding-left: 50px;background-position: left center; font-size: 17px; font-weight: 600; color: #fff;box-sizing: border-box;text-align:left;min-height:35px;line-height:35px} #Aviso .Titulo-texto{float: left; width: 100%; margin-bottom:5px; padding-left: 50px; font-size: 17px; line-height: 16px; color: #fff;box-sizing: border-box;text-align:left} #Aviso .Titulo-sucesso{background-image: url('../imagens/aviso_ok.svg?v=1');background-repeat:no-repeat;background-size:30px;background-position:0px 5px} #Aviso .Titulo-aviso{background-image: url('../imagens/aviso_alert.svg?v=1');background-repeat:no-repeat;background-size:30px;background-position:0px 5px} #Aviso .Remover{position: absolute; top: 8px; right: 8px; width: 14px; height: 14px; background-image: url('../imagens/aviso_remover.png?v=1');background-repeat:no-repeat} /* FIM Aviso */ /* ---------------- Noticias ---------------- */ #Noticias {float: left; width: 100%; text-align: center; padding: 40px 0 100px; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;} #Noticias .Migalha {text-align:left} #Noticias .Destaque {float:left; width:100%; border-radius:10px; height:300px; text-align:center; background-size: cover; background-position: center center; background-repeat: no-repeat; padding:30px; margin:0px 0px 30px 0px; display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end; position:relative; transition: 0.3s; margin-top: 20px;} #Noticias .Destaque .DataP {float:left; width:100%; margin-bottom:5px; color:#FFF; text-align:left; font-size:20px; position:relative;z-index:5} #Noticias .Destaque .TituloP {float:left; width:100%; text-align:left; font-size:29px; color:#FFF; font-weight:600; line-height:37px; margin-bottom:0px; position:relative;z-index:5} #Noticias .Destaque .Filtro {position:absolute; left:0px; top:0px; background:rgba(0, 0, 0, 0.59); border-radius:10px; width:100%; height:100%; z-index:3} #Noticias .Destaque:hover {opacity: 0.9; cursor:pointer} #Noticias .DestaqueMobile {display:none;float:left; width:100%; border-radius:10px; height:300px; text-align:center; background-size: cover; background-position: center center; background-repeat: no-repeat; padding:30px; margin:0px 0px 30px 0px; align-items: flex-end; flex-direction: column; justify-content: flex-end; position:relative; transition: 0.3s;} #Noticias .DestaqueMobile .DataP {float:left; width:100%; margin-bottom:5px; color:#FFF; text-align:left; font-size:20px; position:relative;z-index:5} #Noticias .DestaqueMobile .TituloP {float:left; width:100%; text-align:left; font-size:29px; color:#FFF; font-weight:600; line-height:37px; margin-bottom:0px; position:relative;z-index:5} #Noticias .DestaqueMobile .Filtro {position:absolute; left:0px; top:0px; background:rgba(0, 0, 0, 0.59); border-radius:10px; width:100%; height:100%; z-index:3} #Noticias .DestaqueMobile:hover {opacity: 0.9; cursor:pointer} #Noticias .Btn1 {float: right; text-align: right; position: relative; z-index: 5; display: inline; width: 100%; margin-top: 20px; /* border-radius: 5px; */ margin-top: 5px; display: flex; justify-content: flex-end; align-items: center; border-top: 1px solid #E1D4D9; gap: 7px; padding-bottom: 10px; padding-top: 10px; width: 100%;} #Noticias .Btn1 input {height: 52px; border-radius: 5px; /* background: #ffc53e; */ /* border: 1px solid #f1b21f; */ font-family: "Public Sans"; font-weight: 500; font-size: 15px; color: #390e1b;} #Noticias .Conteudo {float: left; width: calc(100% - 390px); text-align: left; margin-bottom: 40px; width: calc(100% - 433px); margin-right: 40px; display: flex; flex-direction: column; gap: 20px;float: left;} #Noticias .Lateral {float:right; width:360px; margin-left:30px; text-align:left} #Noticias .Blocos {float: left; /* padding: 30px; */ width: 100%; border-radius: 10px; margin-bottom: 20px; transition: 0.3s; box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1); width: 100%; display: flex; flex-direction: column; border-radius: 20px; width: 100%; overflow: hidden; cursor: pointer; transition: .2s;} #Noticias .Textos {float: left; width: 100%; text-align: left; /* background: #390e1b; */ /* border: 1px solid #390e1b; */ padding: 20px 30px 0px 30px; flex-direction: column; gap: 10px; align-items: flex-start; width: 100%; padding: 20px 30px 0px 30px; /* background-color: var(--cor-branco); */ display: flex ;} #Noticias .Data {float: left; width: 100%; margin-bottom: 5px; color: #390e1b; text-align: left; font-size: 15px; gap: 10px; display: flex; align-items: center; justify-content: flex-start;} #Noticias .Titulo {float: left; width: 100%; margin-bottom: 10px; text-align: left; font-size: 3.0rem; line-height: 23px; font-weight: 600; color: #262626;} #Noticias .Chamada {float: left; width: 100%; color: #262626; line-height: 22px; text-align: left; /* font-size: 14px; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #Noticias .Blocos:hover {opacity: 0.9; cursor:pointer} #Noticias .BlocosLateral {float:left; padding:15px 20px; width:100%; border:1px solid #E8E8E8; border-radius:10px; margin-bottom:10px} #Noticias .BlocosLateral .DataL {float:left; width:100%; margin-bottom:5px; color:#FFA200; text-align:left; font-size:15px} #Noticias .BlocosLateral .TituloL {float:left; width:100%; text-align:left; font-size:16px; font-weight:600; line-height:22px; margin-bottom:0px} #Noticias .BlocosLateral:hover {opacity: 0.9; cursor:pointer} #Noticias .BlocosLateral .SaibaMais {float:left; width:auto; margin-top:10px; font-size:16px; color:#000; text-align:left; cursor:pointer} .area_do_aluno__home .secao_home{width:100%; display: flex; flex-direction: column; align-items: center; padding:50px 0px;} .botao__ver_todos{width: 230px; height: 42px; border-radius: 5px; background: #ffc53e; font-family: "Public Sans"; font-weight: 500; font-size: 15px; text-align: right; color: #390e1b; display: flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #f1b21f; transition: .2s;} .botao__ver_todos svg{stroke: #390e1b; fill: #390e1b;} .botao__ver_todos:hover{background-color: transparent; color:var(--cor-preto);} .nosso_insight__cabecalho{width: 100%; display: flex; justify-content: space-between; align-items: center;} .nosso_insight__cabecalho_titulo{font-family: "Public Sans";font-weight: 400;font-size: 35px;text-align: left;color: #2b2b2b;font-size: var(--font-titulo-secao) !important; line-height: var(--line-titulo-secao) !important; font-weight: var(--extraBold) !important; text-transform: uppercase;} .nosso_insight__alinha{width: 100%; display: flex; gap:30px; flex-direction: column;} .nosso_insight__listagem{width:100%; display: flex; gap:30px;} .nosso_insight__item{display: inline-block; box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; width: 33.33%; cursor: pointer;} .nosso_insight__item:hover .nosso_insight__img img{transform: scale(1.1);} .nosso_insight__img{width: 100%; height:217px; float:left;position: relative;overflow: hidden;} .nosso_insight__img img{width: 100%; height:100%; object-fit: cover; transition: .4s; box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);} .nosso_insight__tag{position: absolute; left:10px; bottom:10px; border-radius: 5px; padding:5px 10px; background-color: var(--cor-vinho); color:var(--cor-branco);} .nosso_insight__descricao{background-color: var(--cor-branco); width:100%; padding:15px 20px 30px 20px; height:calc(100% - 217px); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap:15px;} .nosso_insight__info{width:100%; display: flex; flex-direction: column; align-items: flex-start; gap:10px; text-align: left;} .nosso_insight__info__data{color:var(--cor-vinho);} .nosso_insight__info__txt{color:var(--cor-preto); font-weight: var(--semi-bold);} .nosso_insight__saiba_mais{display: flex; align-items: center; gap:7px;} .nosso_insight__saiba_mais svg{width: 19px;} .nosso_insight__saiba_mais span{font-weight: var(--semi-bold); color:var(--cor-vinho); text-transform: uppercase;} /* conteudo interno */ #Noticias .TituloInt {float:left; width:100%; text-align:left; font-size:25px; line-height:37px; margin-bottom:15px; font-weight:700} #Noticias .Citacao {float:left; width:100%; text-align:left; font-size:18px; color:#4B4B4B; line-height:24px; font-style: italic; margin-bottom:20px} #Noticias .IcoCitacao {float:left; width:12px; margin-right:3px} #Noticias .TxtCitacao {float:left; width:calc(100% - 15px); text-align:left; text-align:left; font-size:14px; color:#4B4B4B; line-height:24px; font-style: italic;} #Noticias .Texto {float:left; width:100%; text-align:left; font-size:15px; color:#4B4B4B; line-height:24px; margin-bottom:15px} #Noticias .Img {float:left; width:100%; text-align:center; margin-bottom:30px} #Noticias .Img img {width:auto; height:auto; max-width:100%} #Noticias .Video {float:left; text-align:center; width:100%; margin:30px 0px; cursor:pointer} #Noticias .Compartilhar {float:left; width:100%; background:#E8E8E8; border-radius:10px; padding:30px; text-align:left; font-size:16px; margin-top:20px; margin-bottom:60px; cursor:pointer; font-weight:600} #Noticias .Compartilhar img {margin-left:15px; width:20px; height:auto;} #Paginacao{width:calc(100% + 5px); margin-left:-5px; display:inline-block; text-align:center; font-size:0px; margin-bottom: 30px; margin-top: 30px;} #Paginacao .botoes{width:55px; height:55px; text-align:center;display:inline-block; margin-left:5px; font-size:15px; color:#131E3F; font-weight:700;background-color:#fff; cursor:pointer; background-repeat: no-repeat; background-position: center center; background-size:7.09px 11.79px ;} #Paginacao .botoes.pag_atual{background-color:#e9e9e9;} #Paginacao .botoes.pagina_anterior{background-color:#ffc53e; background-image:url('../imagens/seta_paginacao.svg');border-radius:8px 0px 0px 8px; color:transparent;} #Paginacao .botoes.pagina_posterior{background-color:#ffc53e; background-image:url('../imagens/seta_paginacao.svg');border-radius:8px 0px 0px 8px; transform:rotate(180deg) ;color:transparent;} /*--- GALERIA ---*/ #Noticias .AlinhaCarossel {width:100%;float:left;position:relative} #Noticias .Galeria {margin-bottom: 20px;margin-left: -10px;width:calc(100% + 10px);float:left} #Noticias .Galeria .Foto{width:calc(200px - 10px);float:left;height: 200px;background-size: cover; background-position: center center;background-repeat: no-repeat;margin-left:10px;} #Noticias .AlinhaBotao{margin-bottom:15px;float:left;width:100%} #Noticias .AlinhaBotao .Botao{transition:.3s;background-repeat: no-repeat;background-size: 25%;background-position: center;float:left;border-radius:10px;width:50px;height:50px;background-color:#ffc008;} #Noticias .AlinhaBotao .Botao:hover{opacity:.8;cursor:pointer} #Noticias .AlinhaBotao .Botao.Esq{background-image:url('../imagens/seta-esquerda-branca.svg')} #Noticias .AlinhaBotao .Botao.Dir{background-image:url('../imagens/seta-direita-branca.svg');margin-left:10px} /*--- GALERIA ---*/ /* ---------------- Noticias ---------------- */ @media screen and (max-width:1560px){ .secao_sobre_img.interna{width:49%; margin-right:0px;} .quem_somos_conteudo{gap:45px;} } @media screen and (max-width:1350px){ /*.area_do_aluno__detalhe_claro .container_modulos{left: calc(70% - 40px);} .area_do_aluno__detalhe_claro .container_modulos{position: relative;left: 0;} */ } @media screen and (max-width:1280px) { .centralizar{padding:0px 20px;} } @media screen and (max-width:1200px){ .cursos .cursos_bloco{width:calc(33.33% - 13.33px)} } @media screen and (max-width:1140px){ .area_do_aluno__home .secao_home{padding:60px 0px;} .relatos__carrossel{margin-bottom:40px !important;} .botao__ver_todos{height:48px;} .nosso_insight {/*padding-bottom: 100px;*/} .nosso_insight .botao__ver_todos{display: none;} .nosso_insight__item{/*box-shadow: none;*/ width: 100%; margin-bottom: 20px;} .nosso_insight__listagem{display: inline-block;} .rodape__conteudo1{flex-direction: column; align-items: flex-start;} .insights__timeline{width: 100%; padding:15px;} .insights__lateral{width:100%; position: relative; top:auto; padding:0;} .insights_conteudo{flex-direction: column-reverse; display: flex; } .insights__lateral_populares{padding:15px;} .insights__lateral_categorias{padding:15px;} .insights_banner__filtro{padding:30px 20px;} .insights_banner{min-height:300px; height: auto;} .insights_timeline__img{height:200px;} .insights__timeline__info{padding:10px 20px 0px 20px;} .insight__detalhes{width:100%; margin:30px 0px 0px 0px;} } @media screen and (max-width:1000px){ .topo_nav{display: none;} .botao_menu_mobile{display: block;} .topo_logo{width:120px;} .topo{min-height:60px;} .banner_principal__carrossel{height:400px;} .banner_principal_alinhamento{height:400px;} :root{ --font-banner1:3.5rem; --line-banner1:4.5rem; --font-titulo-secao:1.9rem; --line-titulo-secao:2.5rem; --font-subtitulo-secao:1.6rem; --line-subtitulo-secao:1.9rem; --titulo-modal:2.0rem; --line-modal:2.5rem; } .cursos_bloco_info{padding:10px;} .cursos_bloco_tag{font-size:1.4rem; right:10px; top:10px;} .seta_carrossel{width:35px; height:35px;} .seta_carrossel.left{left:10px;} .seta_carrossel.right{right:5px;} .secao_cursos{gap:40px; padding-top:40px;} .carrossel_cursos .slick-dots{top:-20px;} .carrossel_cursos{margin-bottom:30px;} .secao_home.sobre{background-image:none;} .secao_sobre_img .detalhe_img{display: none;} .secao_sobre_conteudo{flex-direction: column; gap:30px;} .secao_sobre_info{width: 100%;} .secao_sobre_txt{margin:20px 0px;} .secao_sobre_img{width: 100%; display: flex; justify-content: center;} .secao_sobre_img img{max-width: 300px;} .secao_home.sobre{padding:40px 0px;} .secao_newsletter{padding-top:70px; padding-bottom:50px;} .newsletter_bloco{flex-direction: column; align-items: flex-end;} .newsletter_info{padding:20px; width: 100%; gap:10px;} .newsletter_img_note{margin-top:-50px; margin-bottom:-50px; margin-right:0px; width: 140px;} .newsletter_campos{flex-direction: column; gap:5px;} .newsletter_input{width: 100%;} .newsletter .saiba_mais_botao2{height:45px;} .saiba_mais_botao2{height:45px;} .rodape_conteudo{flex-direction: column; gap:20px; align-items: flex-start;} .rodape_infos{width:100%;} .rodape_logo{width:140px;} .rodape_nav__menus{gap:12px; flex-wrap: wrap; padding:0px; width: 100%;} .rodape_nav__menu{padding:10px 0px;} .rodape_nav__copyright{padding:10px 0px;} .rodape_redes{position: absolute; top:15px; right:20px;} .quem_somos_conteudo{flex-direction: column; gap:30px;} .secao_sobre_info{width: 100%;} .secao_sobre_img.interna{width: 100%;} .quem_somos_conteudo{gap:20px;} .cursos .cursos_bloco{width:calc(50% - 10px)} .cursos{padding-bottom:60px;} .detalhes_principal{flex-direction: column; gap:30px;} .detalhes_principal_img{width: 100%; min-height:0; height:150px;} .detalhes_principal_dados{width: 100%;} .detalhes_principal_txt{margin-top:10px;} .detalhes_principal_bloco{margin:20px 0px; padding:15px; gap:5px;} .detalhes_principal_bloco__info{flex-wrap: wrap;} .professores{margin-top:30px;} .professores_titulo{margin-bottom:20px;} .professores_listagem{flex-direction: column; gap:5px;} .professores_item{padding:10px; width: 100%;gap:10px; /* flex-direction: column; */} .professores_item_foto{width:100px; height:100px;} .professores_item_informacoes{width:100%} .detalhes{padding-bottom:60px;} .detalhes_principal_bloco__info__item{min-width: 120px; height:35px;} .detalhes_principal_img img{height:100%;object-fit:contain} .tabela_cabecalho{padding:10px 20px 5px 20px;} .tabela_linha{padding:5px 20px; gap:10px;} .tabela_cabecalho_mobile{display: block;} .tabela_linha{flex-direction: column; align-items: flex-start; padding:10px; gap:7px;} .tabela_coluna{gap:10px;} .tabela_coluna_mobile{display: block;} .tabela_coluna.tabela_botao1{width: auto; justify-content: flex-start;} .tabela_coluna.tabela_botao2{width: auto; justify-content: flex-start;} .tabela_cabecalho .tabela_coluna{display: none;} .pagina_cabecalho{flex-direction: column; gap:15px;} .filtro_select{width:100%; height:35px;} .corpo_professor{padding-top:30px; padding-bottom:60px;} .tabela_coluna{width: 100% !important;} .cabecalho_tag_info{min-height:40px; padding:7px 10px; flex-direction: column; align-items: flex-start; gap:0px; width: 100%;} .pagina_filtros{flex-direction: column; gap:5px;} .nav_botao_voltar{height:40px; width: 100%;} .tabela_coluna.coluna_centralizada{justify-content: flex-start;} .nav_botao_add{height:40px; width:100%; gap:7px;} .materiais_bloco{padding:20px;} .materiais_bloco_item{padding:10px;} .materiais_bloco_item_info{flex-direction: column; width: 100%; align-items: flex-start; gap:0px;} .modal-body{padding:20px;} .modal_alinha_botao{margin-top:20px;} .modal_campos{gap:10px;} .aluno_chamados_item{flex-direction: column; gap:10px; padding:10px;} .aluno_chamados_info{gap:5px; flex-direction: column; width: 100%;} .aluno_botao_visualizar{height:40px; width: 100%; margin:0px;} .chat_corpo{flex-direction: column; gap:15px;} .chat_corpo_dados_titulo{padding:12px 10px 5px 10px;} .chat_corpo_dados_txt{padding:10px;} .chat_bloco_mensagem{padding-right:5px;} .chat_bloco_mensagem.msg_da_equipe{padding-left:5px;} .chat_bloco__mensagens{height:300px; padding:10px;} .chat_corpo_dados_info{padding:10px;} .chat_botao_finalizar{height:40px; margin-top:10px;} .perfil_conteudo{flex-direction: column;} .perfil_lateral__cabecalho{border-radius: 10px;} .perfil_bloco{padding:20px;} .editar_perfil .nav_botao_add{margin-top:0px;} .area_do_professor__forum .alinha_conteudoTopo {flex-direction: column;align-items: flex-start;} .area_do_professor__forum .alinha_conteudoTopo h1{margin-bottom: 20px;} .area_do_professor__forum .alinha_botoes_topo{flex-wrap: wrap;} .area_do_professor__forum .filtro_select, .area_do_professor__forum .pagina_filtros{width: 100%;} .area_do_professor__forum .alinha_conteudoTopo2{flex-wrap: wrap;} .area_do_professor__forum .itemForum{height: auto;flex-wrap: wrap;} .area_do_professor__forum .status_itemForum{width: 30%;height: 100px;border-radius: 10px 0 0 0px;} .area_do_professor__forum .texto_itemForum{width: 70%;} .area_do_professor__forum .alinhaInfo_itemForum{width: 100%;height: 100px;border-top: 1px solid #c4c4c4;} .area_do_professor__forum .campoPesquisa{width: 100%;} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro, .area_do_aluno__detalhe_claro .alinha_conteudoPagina{flex-direction: column;align-items: flex-start;} .area_do_aluno__detalhe_claro .container_conteudoAula{width: 100%;} .area_do_aluno__detalhe_claro .containerBranco{height: auto;} .area_do_aluno__detalhe_claro .alinhaConteudo_conteinerBranco__video{align-items: flex-start;} /* .area_do_aluno__detalhe_claro .alinhaConteudo_conteinerBranco__video h2{max-width: 65%;} */ .area_do_aluno__detalhe_claro .alinhaConteudo_materialApoio{align-items: flex-start;} .area_do_aluno__detalhe_claro .alinhaConteudo_materialApoio svg{width: 80px;} .area_do_aluno__detalhe_claro .container_modulos{width: 100%;} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro h1{font-size: 17px;} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro .alinhaContainer{min-width:auto !important;flex-wrap:wrap; margin-top:15px} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro-voltar {width:auto;padding-right: 10px;height: 35px;} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro-voltar span{margin-right:0px} .area_do_aluno__detalhe_claro .topo_conteudo_area_do_aluno__detalhe_claro-voltar p{display:none} .area_do_aluno__fale_professor_detalhe .titulo_pagina-div {margin-bottom:20px} .area_do_aluno__fale_professor_detalhe .titulo_pagina-voltar {width:auto;padding-right: 10px;height: 35px;} .area_do_aluno__fale_professor_detalhe .titulo_pagina-voltar span{margin-right:0px} .area_do_aluno__fale_professor_detalhe .titulo_pagina-voltar p{display:none} .area_do_aluno__forum .titulo_pagina-div {margin-bottom:20px} .area_do_aluno__forum .titulo_pagina-voltar {width:auto;padding-right: 10px;height: 35px;} .area_do_aluno__forum .titulo_pagina-voltar span{margin-right:0px} .area_do_aluno__forum .titulo_pagina-voltar p{display:none} .area_do_aluno__fale_professor_detalhe .alinha_conteudoTopo {flex-direction: column;align-items: flex-start;} /* .area_do_aluno__fale_professor_detalhe .alinha_conteudoTopo h1{margin-bottom: 20px;} */ .area_do_aluno__fale_professor_detalhe .alinha_botoes_topo{flex-wrap: wrap;width:100%} .area_do_aluno__fale_professor_detalhe .filtro_select, .area_do_aluno__fale_professor_detalhe .pagina_filtros{width: 100%;} .area_do_aluno__fale_professor_detalhe .botaoAmarelo{width: 100%;height:38px} .area_do_aluno__fale_professor_detalhe .itemDetalhes{padding:15px;flex-direction: column;align-items: flex-start;height: auto;gap:15px} .area_do_aluno__fale_professor_detalhe .itemDetalhes span{display: flex;align-items: center;font-size:16px} .area_do_aluno__fale_professor_detalhe .conteudo_itemDetalhes{width:100%;flex-direction:column;gap:15px;align-items:flex-start} .area_do_aluno__forum .alinha_conteudoTopo {flex-direction: column;align-items: flex-start;} /* .area_do_aluno__forum .alinha_conteudoTopo h1{margin-bottom: 20px;} */ .area_do_aluno__forum .alinha_botoes_topo{flex-wrap: wrap;width:100%} .area_do_aluno__forum .filtro_select, .area_do_aluno__forum .pagina_filtros{width: 100%;} .area_do_aluno__forum .botaoAmarelo{width: 100%;height:38px} .area_do_aluno__forum .alinha_conteudoTopo2{flex-wrap: wrap;} .area_do_aluno__forum .itemForum{height: auto;flex-wrap: wrap;} .area_do_aluno__forum .status_itemForum{width: 30%;height: 100px;border-radius: 10px 0 0 0px;} .area_do_aluno__forum .texto_itemForum{width: 70%;} .area_do_aluno__forum .alinhaInfo_itemForum{width: 100%;height: 100px;border-top: 1px solid #c4c4c4;} .area_do_aluno__forum .campoPesquisa{width: 100%;} .area_do_aluno__home .alinhaContainer{flex-direction: column;} .area_do_aluno__home .container.Curso{width: 100%;padding: 25px 20px;height:auto} .container.Curso .alinhaConteudo img{width: 80px;} .container.Curso .alinhaBotao{flex-direction: column;} .area_do_aluno__home .container.Progresso{width: 100%;height: auto;} .container.Progresso .parte1container {padding: 20px;} .container.Progresso .conteudoBarra {width: 25%;} .container.Progresso .parte2container{flex-direction: column;padding: 20px;} .container.Progresso .cont_aulaAtual{width: 100%;} .container.Progresso .cont_proxAula{width: 100%;} .alinha_itens{flex-direction: column;} .item.andamento{width: 100%;} .containerBranco.andamento{padding: 20px;} .alinhaConteudoItem{gap: 0px;} .area_do_aluno__novo_topico_professor .conteinerNovoTopico{padding: 20px;} .area_do_aluno__novo_topico .conteinerNovoTopico{padding: 20px;} #Noticias .Conteudo {width: 100%;} } @media screen and (max-width:500px){ .cursos .cursos_bloco{width:100%; margin:0px;} .login_campo.tam2, .login_campo.tam3{width: 100%;} .Paginacao{margin-top: 10px;} .BotaoPaginacao{width: 40px;height: 40px;font-size: 16px;line-height: 40px;} .BotaoPaginacao.Proximo{background-size: 16px;} .BotaoPaginacao.Anterior{background-size: 16px;} #CarrosselBannerPrincipalMobile {display:block} #CarrosselBannerPrincipal {display:none} .banner_principal_bloco__t1{font-size: 20px;line-height: 20px;width: 100%;} } @media screen and (max-width:340px){ .alinhaConteudoItem .btn_continuarCurso span{width: 80px;} } /*-------- Responsivo --------*/