@charset "utf-8"; /* CSS Document */ /* ======================================================================================= FONTES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* FONTES PUC 'Rethink Sans' Opções de font-weight: 400 a 800 'Literata' Opções de font-weight: 200 a 900 */ /* ========================================================================== ESTILOS PUC > CORES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ESQUEMA DE CORES ESPECÍFICOS PARA CADA SITE ATENÇÃO: Elementos em cinza não se apresentam neste css por serem neutros a qualquer site, mas estes podem ser anulados por estilos que começam com o nome do id específico para o site em questão, que será colocado na tag das páginas. */ /* ================================================================= TOPO === */ /* ========================================================================== */ /* ----- TÍTULO DA PÁGINA ----- */ #vest header h1 { /* color:#666666; */ } /* ----- CAMINHO / BREADCRUMB ----- */ #vest header nav a:link, #vest header nav a:visited { /* color:#AAA; */ } #vest header nav a:hover { /* color:#555; */ } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #vest header #puc_menu_vazio { /* background:#E5E5E5; */ } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #vest header #puc_menu_faixa { /* background:#9b9583; */ border-top:1px solid #9b9583; border-bottom:1px solid #9b9583; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #vest header #menu span { background:#9b958300; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #vest header #menu { margin:1px 10px 0 10px; } #vest header #menu span { top:0; margin-top:-1px; } #vest header #menu a:link, #vest header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #vest header #menu a:link, #vest header #menu a:visited, #vest header #menu .puc_menu_submenu_linkmestre { border-bottom:4px solid rgba(106,231,0,0); } /* mouse over */ #vest header #menu a:hover, #vest header #menu .puc_menu_submenu_linkmestre:hover, #vest header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { /* color:#FFF; */ border-bottom:4px solid #00A2AC; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #vest header #menu a:link, #vest header #menu a:visited, #vest header #menu .puc_menu_submenu_linkmestre { color:#000000; background:#FFFFFF; border-color:#9b9583; } /* mouse over */ #vest header #menu a:hover, #vest header #menu .puc_menu_submenu_linkmestre:hover, #vest header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#000000 !important; background:#FFFFFF !important; /* border-color:#00a800 !important; */ } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #vest header button { /*color:#FFF; background:#7CA2B5; background-image:url(https://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat;*/ color:#000; background: #F5F5F0; background-image: url(https://www.puc-rio.br/imagens/puc_icone_sanduiche_preto.svg); background-repeat: no-repeat; background-size: 35px; background-position-x: 20px; background-position-y: center; border-bottom: 1px solid #9b9583; border-top: 1px solid #9b9583; } @media (max-width: 1139px) { body header button::before, .menu_button_mobile::before { margin-right: 50px !important;}} /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #vest header #menu .puc_menu_submenu_links a:link, #vest header #menu .puc_menu_submenu_links a:visited { background:#043458; color:#97D3FF; } #vest header #menu .puc_menu_submenu_links a:hover { color:#0092FF; background:#18496E; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #vest header #menu .puc_menu_submenu_links a:link, #vest header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #9b9583; background:#F5F5F0; color:#000000; } #vest header #menu .puc_menu_submenu_links a:hover { background:#00a800; color:#000000; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #vest section { /* border-bottom-color:#DDDDDD; */ } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #vest h1 { /* color:#666666; */ } #vest h2 { /* color:#083459; text-align: center; margin: 60px auto; */ } #vest h3 { /* color:#09AEFF; */ } #vest h4 { /* color:#0B5182; */ } #vest h5 { /* color:#68a9d7; */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #vest section .puc_texto_destaque_em_quadro_centro, #vest section .puc_texto_destaque_em_quadro_esquerda, #vest section .puc_texto_destaque_em_quadro_direita { /* background:#FFFFFF; color:#000000; */ } /* ----- LINKS (GERAL) ----- */ #vest a:link, #vest a:visited { /* color:#000000; */ } #vest a:hover { /* color:#000000; */ } /* ----- LINK VOLTAR ----- */ #vest section article button.puc_link_voltar_TAG-BUTTON { /* color:#043458; background:#D4DEE9; */ } #vest section article button.puc_link_voltar_TAG-BUTTON:hover { /* color:#FFF; background:#043458; */ } /* ----- LINK DESTAQUE ----- */ #vest a.puc_link_destaque_TAG-A:link, #vest a.puc_link_destaque_TAG-A:visited, #vest a.puc_link_destaque_centralizado_TAG-A:link, #vest a.puc_link_destaque_centralizado_TAG-A:visited { background:#000000; color:#f5f5f0; } #vest a.puc_link_destaque_TAG-A:hover, #vest a.puc_link_destaque_centralizado_TAG-A:hover { background:#FFFFFF; color:#000000; } /* ----- LINK DE PAGINAÇÃO ----- */ #vest section article .puc_link_paginacao_anterior_TAG-A:link, #vest section article .puc_link_paginacao_anterior_TAG-A:visited, #vest section article .puc_link_paginacao_proximo_TAG-A:link, #vest section article .puc_link_paginacao_proximo_TAG-A:visited { /* color:#1A73A0; */ } #vest section article .puc_link_paginacao_anterior_TAG-A:hover, #vest section article .puc_link_paginacao_proximo_TAG-A:hover { /* color:#09AEFF; */ } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #vest section article .puc_imagem_galeria a:link, #vest section article .puc_imagem_galeria a:visited { background:rgba(0,0,0,0.08); } #vest section article .puc_imagem_galeria a:hover { background:rgba(0,0,0,0.04); } /* legenda dos thumbnails */ #vest section article .puc_imagem_galeria a:link .puc_texto_menor, #vest section article .puc_imagem_galeria a:visited .puc_texto_menor, #vest section article .puc_imagem_galeria a figure { color:#000000; } #vest section article .puc_imagem_galeria a:hover .puc_texto_menor, #vest section article .puc_imagem_galeria a:hover figure { color:#000000; } /* ----- TABELA ----- */ /* bordas da tabela */ #vest section article .puc_tabela_padrao_TAG-TABLE, #vest section article .puc_tabela_padrao_TAG-TABLE td { border-color:rgba(0,0,0,0.15); } /* linhas para tabela */ #vest section article .puc_tabela_linha_n1_TAG-TR { background:#000000; color:#FFFFFF; } #vest section article .puc_tabela_linha_n2_TAG-TR { background:rgba(0,0,0,0.4); color:#FFFFFF; } #vest section article .puc_tabela_linha_n3_TAG-TR { background:#FFFFFF; color:#000000; } #vest section article .puc_tabela_linha_clara_TAG-TR { background:rgba(0,0,0,0.04); } #vest section article .puc_tabela_linha_escura_TAG-TR { background:rgba(0,0,0,0.08); } #vest section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:rgba(0,0,0,0.08); } #vest section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:rgba(0,0,0,0.02); } /* ----- LINHA HORIZONTAL ----- */ #vest hr { /* color:rgba(0,0,0,0.15); */ } /* ----- LISTAS ----- */ /* bullet */ #vest ul li::before { /* color:#09AEFF; */ } /* lista destaque */ #vest section .puc_lista_especial_TAG-UL li::before, #vest section .puc_lista_especial_item_unico_TAG-LI::before { /* color:#0B5182; */ } #vest section .puc_lista_especial_TAG-UL li, #vest section .puc_lista_especial_item_unico_TAG-LI { /* color:#0B5182; */ } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #vest article form { background:rgba(0,0,0,0.04); } /* campos de preenchimento */ #vest article form input[type=text], #vest article form input[type=password], #vest article form input[type=file], #vest article form textarea, #vest article form select { background:#FFF; border-color:rgba(0,0,0,0.15); } /* botão "enviar" */ #vest article form input[type=submit] { background:#000000; color:#FFFFFF; } #vest article form input[type=submit]:hover { background:rgba(0,0,0,0.8); color:#FFFFFF; } /* ----- PLAYER DE ÁUDIO ----- */ #vest section div.puc_player_audio_TAG-DIV { /* background:#B4CFE3; */ } #vest section div.puc_player_audio_TAG-DIV:hover { /* background:#81BFE7; */ } /* ----- LINKS REDES SOCIAIS ----- */ #vest div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #vest section aside .puc_texto_coluna-lateral_titulo { /* color:#09AEFF; */ } /* ----- BANNER DE TEXTO ----- */ #vest section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:rgba(0,0,0,0.04); } /* ----- BANNER DE LINK ----- */ #vest section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #vest section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#000000; background:rgba(0,0,0,0.04); } #vest section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#000000; color:#FFFFFF; } /* ========================================================================== ESTILOS ESPECÍFICOS === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ----- AQUI ENTRA OS ESTILOS ESPECÍFICOS PARA O DEPTO/UNID ----- Para sobressair qualquer estilo já existente usar o ID do depto/unid (localizado no body) antes do nome da classe/id OU o termo "!important" */ .index .index_sumir { display:none; visibility:hidden; position:absolute; top:-1000px; left:-1000px; } .vest_datas_ttl { display:flex; align-items:flex-start; min-height:65px; margin-bottom:0 !important; line-height:1em; } @media (max-width:1139px) { .vest_datas_ttl { padding-top:29px; } } .vest_txt_cinza { color:rgba(155,149,131,1); display:inline-block; margin-right:7px; } #vest_rodape { background:#9b9583; color:#F5F5F0; padding:40px 20px 25px 20px; } #vest_rodape .puc_layout_coluna_2cols_nivelador { max-width:1224px; margin:0 auto 0 auto; } #vest_rodape .vest_rodape_colesq .card { margin-top:30px; max-width:100%; width:450px; } #vest_rodape .vest_rodape_coldir { display:flex; align-items:center; font-size: 1.3em; } #vest_rodape h5 { font-size:1.7em; margin:0; color:#F5F5F0; } #vest_rodape .puc_links_redes_sociais_TAG-DIV { display:flex; align-items:center; justify-content:center; padding-top:10px; margin-top:0; } #vest_rodape .puc_links_redes_sociais_TAG-DIV img { border-radius:3px; } #vest_rodape .puc_links_redes_sociais_TAG-DIV a { display:inline-block; margin-right:15px; } #vest_rodape .puc_links_redes_sociais_TAG-DIV span { margin-right:10px; } @media (max-width:1139px) { .vest_index_inicio { /* display:flex; flex-direction:column-reverse; */ } } .slideshow_quadro_texto_desktop { font-family: "Rethink Sans", sans-serif; position:absolute; bottom:60px; left:0; width:100%; text-align:center; color:#FFFFFF; padding:0 30px 0 30px; box-sizing:border-box; z-index:10; } .slideshow_quadro_texto_desktop .slideshow_titulo { font-size:3em; line-height:1em !important; font-weight:500; margin:0 0 10px 0; } .slideshow_quadro_texto_desktop .slideshow_subtitulo { font-family:'Literata'; font-size:1.1em; font-weight:400; line-height:1.5em !important; } .slideshow_quadro_texto_mobile { font-family: "Rethink Sans", sans-serif; position:absolute; bottom:50px; left:0; width:100%; text-align:center; color:#FFFFFF; padding:0 17px 0 17px; box-sizing:border-box; z-index:10; } .slideshow_quadro_texto_mobile .slideshow_titulo { font-size:3.2em; line-height:1.1em !important; font-weight:500; margin:0 0 5px 0; } .slideshow_quadro_texto_mobile .slideshow_subtitulo { font-family:'Literata'; font-size:1.4em; line-height:1.4em !important; font-weight:400; text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.3); } /* desktop x mobile */ @media (min-width:1140px) { .vest_index_somente-mobile { display:none; visibility:hidden; position:absolute; overflow:hidden; width:0; height:0; top:-1000px; left:-1000px; } } @media (max-width:1139px) { .vest_index_somente-desktop { display:none; visibility:hidden; position:absolute; overflow:hidden; width:0; height:0; top:-1000px; left:-1000px; } } /* == SLIDESHOW MOBILE =========================================================== */ /* =============================================================================== */ #puc_imagem_slideshow_slides2 { cursor:default; position:relative; top:0px; left:0px; overflow:hidden; border-radius:3px; } #jssor_2 { position:relative; margin:0 auto; top:0px; left:0px; overflow:hidden; visibility:hidden; border-radius:3px; } /* jssor slider bullet navigator skin 05 css */ #jssorb06 { position:absolute; } #jssorb06 div, #jssorb06 div:hover, #jssorb06 .av { position:absolute; width:16px; /* size of bullet element */ height:16px; /* size of bullet element */ background:url('/imagens/puc_efeito_slideshow/b05.png') no-repeat; overflow:hidden; cursor:pointer; } #jssorb06 div { background-position:-7px -7px; } /* normal */ #jssorb06 div:hover, #jssorb06 .av:hover { background-position:-37px -7px; } /* normal / active */ #jssorb06 .av { background-position:-67px -7px; } /* active */ #jssorb06 .dn, #jssorb06 .dn:hover { background-position:-97px -7px; } /* mousedown */ #etapas_concurso .card.linha { min-height:280px; } @media (max-width:1139px) { #etapas_concurso .card.linha { min-height:150px; font-size: 1.2em;} } @media (min-width:1260px) { #etapas_concurso .card.linha { min-height:330px; } } /* @media (min-width:1139px) and (max-width:1259px) { #etapas_concurso .card.linha { min-height:320px; } }*/ #etapas_concurso .card.linha:link{font-size: 1em; line-height: 1.2em; font-weight: 300;} /* @media (max-width:1029px) { .card_h50 { min-height:305px; } } */ .conteudo_quadro_branco { background:#FFFFFF; font:1em "Literata", serif; padding:30px; /* column-count: 2; column-gap: 40px; */ border-radius:3px; } .ingresso_ttl { display:flex; align-items:center; margin-bottom:0; } #quadrosgrupo {} #quadrosgrupo h5 { margin-bottom:0; } #quadrosgrupo p { margin:0; } #quadrosgrupo ul { margin:0 0 0 -25px; } .grupo_intro { font-size:1.1em; } .grupo_links_cursos { padding:25px 0 20px 0; } .grupo_links_cursos a:link, .grupo_links_cursos a:visited , .grupo_links_cursos span{ padding:6px 13px 9px 13px; background:#F5F5F0; color:#000000; text-decoration:none; transition:0.3s all; border-radius:3px; font-size:1.1em; font-weight:500; display:inline-block; margin:0 13px 13px 0; } .grupo_links_cursos a:hover, .grupo_links_cursos a:focus { background:#003900; color:#F5F5F0; text-decoration:none; } /* ========================== VEST Tapume ========================== */ #vest h2 .interno{text-align: left !important;} .ttl-topo-centralizado {text-align: center !important; margin: 40px auto 60px auto!important; font-size: 40px !important;} /* ==== Texto inicial ==== */ .vest-texto-inicial-2c { column-count: 2; column-gap: 40px; font-family: "Literata", serif; font-size: 1.3em; font-weight: 400; line-height: 30px; margin-bottom: 64px;} .vest-texto-inicial-1c {font-family: "Literata", serif; font-size: 1.3em; font-weight: 400; line-height: 30px; margin-bottom: 64px; display: grid; grid-template-areas: "a a"; gap: 10px; grid-auto-columns: 50%;} .vest-texto-meio-1c{font-family: "Literata", serif; line-height: 30px; margin-bottom: 64px; display: grid; grid-template-areas: "a a"; gap: 10px; grid-auto-columns: 50%;} @media (max-width:680px) {.vest-texto-inicial-2c{column-count: 1;}} @media (max-width:800px) {.vest-texto-inicial-1c, .vest-texto-meio-1c{grid-template-areas: "a"; grid-auto-columns: 100%;}} /* ==== div para includes ==== */ .include-conteudo-interno{ margin: -90px auto 0 auto !important;} /* ==== conteúdo espefífico vest ==== */ #cont-especifico, .cont-especifico { font-family: "Literata", serif; font-size: 1.3em; line-height:1.5em; } #cont-especifico h2{font-size: 2em;} /* ==== tabelas ==== */ .vest-tapume_tabela{width: 100%;} .vest-tapume_tabela-branco{width: 100%; } .vest-tapume_tabela-branco tr{background: #FFFFFF; } .vest-tapume_tabela-corverde2{background: #00a800 !important;} .vest-tapume_tabela-corverde2 td, .vest-tapume_tabela-corroxo2 td,.vest-tapume_tabela-corvermelho2 td,.vest-tapume_tabela-corturquesa2 td {border: hidden !important; } .vest-tapume_tabela-corroxo2{background: #7817b1 !important;} .vest-tapume_tabela-corroxo2 td{background: #7817b1 !important; } .vest-tapume_tabela-corvermelho2{background: #be002d !important;} .vest-tapume_tabela-corvermelho2 td{background: #be002d !important; } .vest-tapume_tabela-cortruquesa2{background: #00a2ac !important;} .vest-tapume_tabela-corturquesa2 td {background: #00a2ac !important; } .vest-tapume_tabela-corverde2 h4, .vest-tapume_tabela-corroxo2 h4,.vest-tapume_tabela-corvermelho2 h4,.vest-tapume_tabela-corturquesa2 h4{color: #f5f5f0 !important; margin: 0; font-weight: 300; font-size: 1.1em;} @media (max-width:680px) { .vest-tapume_tabela-corverde2 h4, .vest-tapume_tabela-corroxo2 h4,.vest-tapume_tabela-corvermelho2 h4,.vest-tapume_tabela-corturquesa2 h4{ font-size: 1em;} .vest-tapume_tabela td, .vest-tapume_tabela-branco td {padding: 20px 10px !important; font-size: 0.8em !important;} } .vest-tapume_tabela td, .vest-tapume_tabela-branco td {border-bottom: 1px solid #9b9583; padding:25px 15px; font-family: "Literata", serif; font-size: 0.9em;} .vest-tapume_tabela_desatque {background: #FFFFFF;} .tab-curso-grupo { border-right: 1px solid #9b9583;} .vest-tapume_tabela-ctc {border-left: 4px solid #00e7f2;} .vest-tapume_tabela-ctc-mais {border-left: 4px solid #00e7f2; border-right: 1px solid #9b9583;} .vest-tapume_tabela-ctch {border-left: 4px solid #c11aff;} .vest-tapume_tabela-ctch-mais {border-left: 4px solid #c11aff; border-right: 1px solid #9b9583;} .vest-tapume_tabela-ccs {border-left: 4px solid #ff0031;} .vest-tapume_tabela-ccs-mais {border-left: 4px solid #ff0031; border-right: 1px solid #9b9583;} .vest-tapume_tabela-cbs {border-left: 4px solid #6ae700;} .vest-tapume_tabela-cbs-mais {border-left: 4px solid #6ae700; border-right: 1px solid #9b9583;} .texto_legenda{font-size: 0.8em;} .legenda-linha{display: block; padding: 0 3px; margin: 0; font-size: 0.89em; font-weight: 300;} .legenda-ctch{ background: #c11aff; padding: 2px; width: 11px; max-height: 11px; display: flex; flex-wrap: wrap; float: left; margin: 7px 8px 0 0; border-radius: 3px;} .legenda-ctc{ background: #00e7f2; padding: 2px; width: 11px; max-height: 11px; display: flex; flex-wrap: wrap; float: left; margin: 7px 8px 0 0; border-radius: 3px;} .legenda-ccs{ background: #ff0031; padding: 2px; width: 11px; max-height: 11px; display: flex; flex-wrap: wrap; float: left; margin: 7px 8px 0 0; border-radius: 3px;} .legenda-cbs{ background: #6ae700; padding: 2px; width: 11px; max-height: 11px; display: flex; flex-wrap: wrap; float: left; margin: 7px 8px 0 0; border-radius: 3px;} .voltar-ao-topo { margin:90px 0; } .voltar-ao-topo .material-symbols-outlined { transform:rotate(180deg); font-size: 1.2em; vertical-align: middle; font-weight: 500; } .voltar-ao-topo a:link, .voltar-ao-topo a:visited{ color: #4646FF !important; font-size: 24px; font-weight: 400; font-family: "Rethink Sans", sans-serif; } .txt-descricao-metade { width: 50%; line-height: 1.5;} @media (max-width:680px) {.txt-descricao-metade{width: 100%;} } #centros-puc-rio {margin: 100px auto;} #centros-puc-rio .card {font-size:22px !important; min-height: 165px;} #vest #puc_topo_brasao_titulo_caminho { position:relative; } @media (max-width:360px) { #vest #puc_topo_brasao_titulo_caminho { padding-top:50px; } .btn_inscreva-se { bottom:auto; top:20px; } } .btn_inscreva-se { display: flex; position: absolute; width: 145px; height: 29px; padding: 12px 10px; border-radius: 5px; justify-content: center; right:20px; } .btn_inscreva-se:link, .btn_inscreva-se:visited { text-decoration: none; border: 1px solid #000000; color: #000000; font-size: 20px; font-family: "Rethink Sans", sans-serif; font-weight: 500; transition: 0.3s all; background: #F5F5F0; } .btn_inscreva-se:hover { color: #FFFFFF; background: #4646ff; border: 1px solid #4646ff;} @media (max-width:619px) { .btn_inscreva-se{ display: flex; position: absolute; width: 125px; height: 25px;/* era 29*/ padding:7px; border-radius: 5px; justify-content: center; right:20px; bottom:-57px; /*era 70px*/ } } @media only screen and (max-width:990px) and (min-width: 620px){ .btn_inscreva-se{ height: 25px; bottom: 105px; padding: 8px 6px; } } #btttabs_outerbolsas{width: 100%!important;} #btttabs_outerbolsas .puc_layout_coluna_7cols_interno .card, #btttabs_outerbolsas .puc_layout_coluna_7cols_interno .card:link, #btttabs_outerbolsas .puc_layout_coluna_7cols_interno .card:visited { padding: 20px !important; font-size: 1.2em !important; margin-bottom: 15px!important; min-height: 117px; display: flex; flex-wrap: wrap;} @media (max-width:1139px) { #btttabs_outer, #btttabs_outerbolsas { max-width:100%; overflow:hidden; overflow-x:auto; } #btttabs { width:950px; } /*#btttabsbolsas{ width:1324px; }*/ #btttabs_outer .puc_layout_coluna_5cols_nivelador, #btttabs_outerbolsas .puc_layout_coluna_5cols_nivelador { display:flex; align-items:stretch; justify-content:space-between; flex-wrap:wrap; margin-bottom:0; } #btttabs_outer .puc_layout_coluna_5cols_interno, #btttabs_outerbolsas .puc_layout_coluna_5cols_interno { width:calc(20% - 24px); margin-bottom:0; } /* feito para o vest 2026*/ #btttabs_outerbolsas .puc_layout_coluna_7cols_nivelador{margin-bottom: 15px!important;} #btttabsbolsas { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box;} #btttabs_outerbolsas .puc_layout_coluna_7cols_interno { width: calc(14.28% - 20px);} #btttabs_outerbolsas .puc_layout_coluna_7cols_interno .card, #btttabs_outerbolsas .puc_layout_coluna_7cols_interno .card:link, #btttabs_outerbolsas .puc_layout_coluna_7cols_interno .card:visited { padding: 10px !important; font-size: 1em !important; margin-bottom: 15px!important; min-height: 117px; display: flex; flex-wrap: wrap;} } @media (max-width:950px) { #btttabs_outerbolsas .puc_layout_coluna_7cols_nivelador{width: 1000px; margin-bottom: 15px!important; overflow-x: scroll;} #btttabs_outerbolsas .puc_layout_coluna_7cols_interno {} #btttabs_outerbolsas .puc_layout_coluna_7cols_interno .card, #btttabs_outerbolsas .puc_layout_coluna_7cols_interno .card:link, #btttabs_outerbolsas .puc_layout_coluna_7cols_interno .card:visited {min-height: 100px; } } /*até aqui feito para o vest 2026*/ /* Ajuste das abas dos GRUPOS para celular */ @media (max-width:815px) { #btttabs_outer .puc_layout_coluna_5cols_interno {width: calc(14% - 24px) !important; margin-right: 10px; } #btttabs_outer .puc_layout_coluna_5cols_nivelador, #btttabs_outerbolsas .puc_layout_coluna_5cols_nivelador{ justify-content: flex-start;} .card, .card:link, .card:visited {padding: 12px !important; font-size: 1.3em !important; margin-bottom: 15px!important;} } /* =========== para 4 colunas ================= */ /* Ajuste das abas dos GRUPOS para celular */ @media (max-width:1139px) { #grupos-vestibular #btttabs_outer #btttabs { width: auto!important; } #grupos-vestibular .puc_layout_coluna_4cols_interno {width:23%!important; } #grupos-vestibular #btttabs_outer .puc_layout_coluna_4cols_nivelador, #grupos-vestibular #btttabs_outerbolsas .puc_layout_coluna_4cols_nivelador{ justify-content: space-between; width: auto!important; margin-bottom: 0; display: flex; text-align: center;} #grupos-vestibular .card, .card:link, .card:visited {padding: 12px !important; font-size: 1.3em !important; margin-bottom: 15px!important;} } /* ================ PARTE NOVA ========================================================= */ /* ================================================================================ */ /* ============================Slide show========================*/ .slide-geral { min-height: 680px!important;} .slide-geral a:link, .slide-geral a:hover {text-decoration: none !important; min-height: 555px;} .slideshow-container { border-radius: 3px;} .slide-texto{ color: #f5f5f0; z-index:100; box-sizing: border-box; position: absolute; bottom: 45px; width: 100%; text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.3); } @media (max-width:680px) { .slide-texto{ bottom: 50px !important;} .slide-ttl{font-size: 1.6em !important;} .slide-geral { min-height: 400px!important;} } .slide-texto-gradiente{ background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(34,193,195,0) 50%, rgba(34,193,195,0) 100%); position: absolute; bottom: 0; left: 0; height:100%; width: 100%;} .slide-ttl{font-size: 3em; line-height: 1em !important; font-weight: 500; margin: 0 50px 20px 50px; text-align: center; font-family: "Rethink Sans", sans-serif; } .slide-stl{ line-height: 1em !important; font-weight: 400; margin: 0 50px; text-align: center; font-size: 18px; } /* ===================== TOPO =================== */ .puc_layout_area-inicial_tripla_lateral {display: flex!important;} #topo-vest-geral-01{display: flex!important; flex-wrap: wrap!important;} #topo-vest-geral-01 .card, .card:link, .card:visited { font-size: 1.3em; font-weight: 500;} /* mudei só para o topo */ #topo-vest-geral-01 .puc_layout_area-inicial_tripla_lateral{ display: flex!important; flex-wrap: wrap!important;} #topo-vest-geral-01 .puc_layout_area-inicial_maior_nivelador{display: flex!important; flex-wrap: wrap!important; width: 100%;} #topo-vest-geral-01 .puc_layout_area-inicial_maior_direita, #topo-vest-geral-01 .puc_layout_area-inicial_maior_esquerda {display: flex!important; flex-wrap: wrap!important;} @media (max-width:1140px) { #topo-vest-geral-01 .puc_layout_area-inicial_maior_nivelador{display: flex!important; flex-wrap: wrap!important; width: 100%;} #topo-vest-geral-01 .puc_layout_area-inicial_maior_esquerda{ margin-top: 30px!important; display: flex;} #VI2025-botoes-topo-E{display: flex!important; flex-wrap: wrap!important; width: 100%; justify-content: space-between;} #VI2025-botoes-topo-E .card{width: 48.5%;} #VI2025-botoes-topo-D{display: flex!important; flex-wrap: wrap!important; width: 100%; justify-content: space-between;} #VI2025-botoes-topo-D .card{width: 48.5%; min-height: 150px;} } @media (max-width:500px) {#VI2025-botoes-topo-E .card{width: 100%;}} /* ======================== BOLSAS - página ============================= */ #PSI-bolsas-abas {display: flex; flex-wrap: wrap; width: 100%;} @media (max-width:1139px) { #PSI-bolsas-abas #btttabs_outer, #PSI-bolsas-abas #btttabs_outerbolsas { max-width: 1280px!important; /*display: flex!important;*/ /*font-size: 0.8em!important;*/} #PSI-bolsas-abas #btttabsbolsas{ display: flex; justify-content: space-between; } #PSI-bolsas-abas .card.tab_on, .card.tab_off{width: 100%;} #PSI-bolsas-abas .puc_layout_coluna_4cols_interno{display: flex; flex-wrap: wrap; width: calc(25% - 25px);} #PSI-bolsas-abas .puc_layout_coluna_4cols_interno .h66, #PSI-bolsas-abas .puc_layout_coluna_4cols_interno .h50, #PSI-bolsas-abas .puc_layout_coluna_4cols_interno .h75, #PSI-bolsas-abas .puc_layout_coluna_4cols_interno .h100 { min-height: 100px; } } @media (max-width:660px) { #PSI-bolsas-abas .puc_layout_coluna_4cols_interno{width: 23%; padding: 5px; } #PSI-bolsas-abas .puc_layout_coluna_4cols_interno .card .texto {padding: 5px;} } /* OUTRAS OPORTUNIDADES DE BOLSA */ #bolsas-outras-oportunidades{display: flex; flex-wrap: wrap; width: 100%; margin: 80px auto 40px auto;} .bolsas-outras-oportunidades-descricao{ column-count: 2; column-gap: 40px; font-family: "Literata", serif; font-size: 1.3em; font-weight: 400; line-height: 30px; margin-bottom: 64px;} #bolsas-outras-oportunidades .card{ display: flex; flex-wrap: wrap; min-height: 200px; } @media (max-width:660px) {.bolsas-outras-oportunidades-descricao{column-count: 1;}} /* ================= Página de CURSOS OFERECIDOS ==================== */ #cursos-oferecidos{} #cursos-oferecidos .slide-geral { min-height: 450px;} @media (max-width:820px) { #cursos-oferecidos .slide-geral { min-height: 380px;} } @media (max-width:1139px) {} /* =============== MENSALIDADES =============== */ #valor-curso{display: flex; flex-wrap: wrap; width: 100%; margin: 80px auto 40px auto;} #valor-curso h2{font-size: 2.56em;} .valor-curso-descricao{} .valor-curso-tabela{ display: block; width: 100%; align-content: baseline;}