@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 ----- */ #loyola header h1 { /* color:#666666; */ } /* ----- CAMINHO / BREADCRUMB ----- */ #loyola header nav a:link, #loyola header nav a:visited { /* color:#AAA; */ } #loyola header nav a:hover { /* color:#555; */ } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #loyola header #puc_menu_vazio { /* background:#E5E5E5; */ } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #loyola 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 ----- */ #loyola header #menu span { background:#9b958300; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #loyola header #menu { margin:1px 10px 0 10px; } #loyola header #menu span { top:0; margin-top:-1px; } #loyola header #menu a:link, #loyola header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #loyola header #menu a:link, #loyola header #menu a:visited, #loyola header #menu .puc_menu_submenu_linkmestre { border-bottom:4px solid rgba(255,181,47,0); } /* mouse over */ #loyola header #menu a:hover, #loyola header #menu .puc_menu_submenu_linkmestre:hover, #loyola header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { /* color:#FFF; */ border-bottom:4px solid rgba(255,181,47,1); } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #loyola header #menu a:link, #loyola header #menu a:visited, #loyola header #menu .puc_menu_submenu_linkmestre { color:#000000; background:#FFFFFF; border-color:#9b9583; } /* mouse over */ #loyola header #menu a:hover, #loyola header #menu .puc_menu_submenu_linkmestre:hover, #loyola 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" ----- */ #loyola 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) { #loyola header #menu .puc_menu_submenu_links a:link, #loyola header #menu .puc_menu_submenu_links a:visited { background:#043458; color:#97D3FF; } #loyola header #menu .puc_menu_submenu_links a:hover { color:#0092FF; background:#18496E; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #loyola header #menu .puc_menu_submenu_links a:link, #loyola header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #9b9583; background:#F5F5F0; color:#000000; } #loyola header #menu .puc_menu_submenu_links a:hover { background:#00a800; color:#000000; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #loyola section { /* border-bottom-color:#DDDDDD; */ } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #loyola h1 { /* color:#666666; */ } #loyola h2 { /* color:#083459; text-align: center; margin: 60px auto; */ } #loyola h3 { /* color:#09AEFF; */ } #loyola h4 { /* color:#0B5182; */ } #loyola h5 { /* color:#68a9d7; */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #loyola section .puc_texto_destaque_em_quadro_centro, #loyola section .puc_texto_destaque_em_quadro_esquerda, #loyola section .puc_texto_destaque_em_quadro_direita { /* background:#FFFFFF; color:#000000; */ } /* ----- LINKS (GERAL) ----- */ #loyola a:link, #loyola a:visited { /* color:#000000; */ } #loyola a:hover { /* color:#000000; */ } /* ----- LINK VOLTAR ----- */ #loyola section article button.puc_link_voltar_TAG-BUTTON { /* color:#043458; background:#D4DEE9; */ } #loyola section article button.puc_link_voltar_TAG-BUTTON:hover { /* color:#FFF; background:#043458; */ } /* ----- LINK DESTAQUE ----- */ #loyola a.puc_link_destaque_TAG-A:link, #loyola a.puc_link_destaque_TAG-A:visited, #loyola a.puc_link_destaque_centralizado_TAG-A:link, #loyola a.puc_link_destaque_centralizado_TAG-A:visited { background:#000000; color:#f5f5f0; } #loyola a.puc_link_destaque_TAG-A:hover, #loyola a.puc_link_destaque_centralizado_TAG-A:hover { background:#FFFFFF; color:#000000; } /* ----- LINK DE PAGINAÇÃO ----- */ #loyola section article .puc_link_paginacao_anterior_TAG-A:link, #loyola section article .puc_link_paginacao_anterior_TAG-A:visited, #loyola section article .puc_link_paginacao_proximo_TAG-A:link, #loyola section article .puc_link_paginacao_proximo_TAG-A:visited { /* color:#1A73A0; */ } #loyola section article .puc_link_paginacao_anterior_TAG-A:hover, #loyola section article .puc_link_paginacao_proximo_TAG-A:hover { /* color:#09AEFF; */ } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #loyola section article .puc_imagem_galeria a:link, #loyola section article .puc_imagem_galeria a:visited { background:rgba(0,0,0,0.08); } #loyola section article .puc_imagem_galeria a:hover { background:rgba(0,0,0,0.04); } /* legenda dos thumbnails */ #loyola section article .puc_imagem_galeria a:link .puc_texto_menor, #loyola section article .puc_imagem_galeria a:visited .puc_texto_menor, #loyola section article .puc_imagem_galeria a figure { color:#000000; } #loyola section article .puc_imagem_galeria a:hover .puc_texto_menor, #loyola section article .puc_imagem_galeria a:hover figure { color:#000000; } /* ----- TABELA ----- */ /* bordas da tabela */ #loyola section article .puc_tabela_padrao_TAG-TABLE, #loyola section article .puc_tabela_padrao_TAG-TABLE td { border-color:rgba(0,0,0,0.15); } /* linhas para tabela */ #loyola section article .puc_tabela_linha_n1_TAG-TR { background:#000000; color:#FFFFFF; } #loyola section article .puc_tabela_linha_n2_TAG-TR { background:rgba(0,0,0,0.4); color:#FFFFFF; } #loyola section article .puc_tabela_linha_n3_TAG-TR { background:#FFFFFF; color:#000000; } #loyola section article .puc_tabela_linha_clara_TAG-TR { background:rgba(0,0,0,0.04); } #loyola section article .puc_tabela_linha_escura_TAG-TR { background:rgba(0,0,0,0.08); } #loyola section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:rgba(0,0,0,0.08); } #loyola section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:rgba(0,0,0,0.02); } /* ----- LINHA HORIZONTAL ----- */ #loyola hr { /* color:rgba(0,0,0,0.15); */ } /* ----- LISTAS ----- */ /* bullet */ #loyola ul li::before { /* color:#09AEFF; */ } /* lista destaque */ #loyola section .puc_lista_especial_TAG-UL li::before, #loyola section .puc_lista_especial_item_unico_TAG-LI::before { /* color:#0B5182; */ } #loyola section .puc_lista_especial_TAG-UL li, #loyola section .puc_lista_especial_item_unico_TAG-LI { /* color:#0B5182; */ } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #loyola article form { background:rgba(0,0,0,0.04); } /* campos de preenchimento */ #loyola article form input[type=text], #loyola article form input[type=password], #loyola article form input[type=file], #loyola article form textarea, #loyola article form select { background:#FFF; border-color:rgba(0,0,0,0.15); } /* botão "enviar" */ #loyola article form input[type=submit] { background:#000000; color:#FFFFFF; } #loyola article form input[type=submit]:hover { background:rgba(0,0,0,0.8); color:#FFFFFF; } /* ----- PLAYER DE ÁUDIO ----- */ #loyola section div.puc_player_audio_TAG-DIV { /* background:#B4CFE3; */ } #loyola section div.puc_player_audio_TAG-DIV:hover { /* background:#81BFE7; */ } /* ----- LINKS REDES SOCIAIS ----- */ #loyola div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #loyola section aside .puc_texto_coluna-lateral_titulo { /* color:#09AEFF; */ } /* ----- BANNER DE TEXTO ----- */ #loyola section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:rgba(0,0,0,0.04); } /* ----- BANNER DE LINK ----- */ #loyola section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #loyola section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#000000; background:rgba(0,0,0,0.04); } #loyola 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 =============*/ #loyola .slide { background: url("imagens/thumb-video-sobre-nos-loyola.jpg"); } /*.index-detalhe-01 .puc_layout_area-inicial_maior_esquerda{ display: contents}*/ #Eixos-Geral {margin-right: 40px;} #Eixos-Geral p {font-size: 1.24em; line-height: 1.3em;} .eixos-tipo{ display: grid; grid-template-columns: 30% 30% 30%; /*gap: 30px;*/ justify-content: space-between; padding-right: 30px;} .eixos-tipo .card{/*font-size: 1.35em;*/ background-position: 0px 350px!important;} .tag-ex1{ background: #7817b1; border-radius: 3px; padding: 10px !important; /*font-weight: 500;*/ font-size: 0.85em; box-sizing: border-box; max-width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px;} .tag-ex2{background: #e08c07; border-radius: 3px; padding: 10px !important; /*font-weight: 500;*/ font-size: 0.85em; box-sizing: border-box; max-width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px; } .tag-ex3{background: #0000a9; border-radius: 3px; padding: 10px !important; /*font-weight: 500;*/ font-size: 0.85em; box-sizing: border-box; max-width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px; } .tag-ex-texto{ position: absolute; left: 0; top: 80px; line-height: 1em; margin: 20px; display: contents; font-size: 0.85em; } @media (max-width: 1196px){ .eixos-tipo{ display: grid; grid-template-columns: 48% 48%;} .eixos-tipo .card{ background-position: 0px 200px!important;} } @media (max-width: 1140px) { #Eixos-Geral { margin-right: 0;} .eixos-tipo { padding-right: 0; } } @media (max-width: 640px) { .eixos-tipo { grid-template-columns: 100%; } .eixos-tipo .card{ background-position: 0px 120px !important;} } #atividasdes-index{} #atividasdes-index .card {padding-bottom: 20px;} #atividasdes-index .card .texto a { margin-bottom: 20px;} .tag-espiritualidade {background: #7817b1; padding: 10px!important; margin-bottom: 10px; display: inline-block!important; border-radius: 3px;} .tag-cultura {background: #e08c07; padding: 10px!important; margin-bottom: 10px; display: inline-block!important; border-radius: 3px;} .tag-academica {background: #0000a9;; padding: 10px!important; margin-bottom: 10px; display: inline-block!important; border-radius: 3px;} @media (max-width: 1139px){ #atividasdes-index .card .texto a { width: 97.5%;} } @media (max-width: 812px) { #atividasdes-index .card .texto a { width: 96%; } } @media (max-width: 430px) { .eixos-tipo .card { background-position: 0px 180px !important; } #atividasdes-index .card .texto a { width: 92%; } } #Calendario-Geral{margin: 50px auto 80px auto;} #Calendario-Geral p {font-size: 1.24em; line-height: 1.3em; } /* Calendário de programação */ .calendario-wrapper { max-width: 100%; margin: auto; } .calendario-controles { display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px; } .calendario-controles button { padding: 6px 12px; background-color: #00a800; color: white; border: none; border-radius: 4px; cursor: pointer; } #mes-atual { font-weight:400; font-size: 1.4rem; font-family: "Rethink Sans", sans-serif; width: 220px; } #calendario { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .dia { min-height: 120px; padding: 10px; border-radius: 3px; background-color: white; display: flex; flex-direction: column; justify-content: space-between; } .dia.evento { background-color: #003900; color: white; } .dia.evento:hover, .dia.evento:hover .evento-texto { background-color: #6ae700; color:#000000!important; } .evento-texto { font-size: 0.85rem; margin-top: 5px; white-space: normal; overflow-wrap: break-word; display: block } .dia .semana { font-size: 0.8rem; font-weight: bold; color: #555; } .dia .numero { font-size: 1.5rem; font-weight: bold; color: #333; text-align: center; font-family: "Rethink Sans", sans-serif; } .dia.evento .semana, .dia.evento .numero, .dia.evento .evento-texto { color: #ffffff; } .dia.evento { line-height: 1.3em;} .evento-texto{ font-size: 0.85rem; margin-top: 5px; white-space: normal; overflow-wrap: break-word; color: inherit; display: block } .dia.evento:hover .evento-texto { text-decoration: none; } .evento-link { color: inherit; text-decoration: underline; font-weight: bold; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 600px) { .sem-evento { display: none; } } /* ============== SOBRE NÓS =============== */ #sobre .texto_sobre { font-size: 1.24em; line-height: 1.3em; text-align: justify; } #sobre .banner_sobre { height: 500px; } @media (max-width:1140px){ #sobre .puc_layout_area-inicial_maior_nivelador { margin-bottom: 280px; } #sobre .puc_layout_area-inicial_maior_esquerda { display: inline; margin-inline: 50px; } #sobre .puc_layout_area-inicial_maior_direita { width: 100%; display: flex; justify-content: space-between; } #sobre .card { width: 48.5%; } #sobre .texto-inicial-2c_peq { margin-top: 200px; } } /* ================== EQUIPE =============== */ #equipe p, #equipe .container-lista { font-size: 1.24em; line-height: 1.3em; margin: 0; } #equipe .equipe_nome { margin: 29px 0 0 0; } #equipe .puc_layout_coluna_3cols_nivelador { margin: 29px 0; } #equipe .puc_layout_coluna_3cols_interno { margin: 35px 0; } @media (max-width: 1140px) { #equipe .puc_layout_coluna_2cols_interno { width: 100%; } } /* ================ CENTROS LOYOLA ==================== */ #centros .texto_centros_loyola { font-size: 1.24em; line-height: 1.3em; text-align: justify; } #outros_centros .texto_centros_loyola { font-size: 1.24em; line-height: 1.3em; text-align: justify; } #centros .first_section { margin: 0 0 60px 0; } #outros_centros .second_section { margin: 1% 0 0 0; } #outros_centros .card_centros { height: 140px; } @media (max-width:1140px){ #centros .puc_layout_coluna_2cols_interno { width: 100%; } #centros .slide_esquerdo { height: 600px; } #outros_centros .puc_layout_coluna_2cols_interno { width: 100%; } #outros_centros .container_botao_outros-centros_tamanho { width: 32%; } #outros_centros .container_botao_outros-centros { display: flex; flex-wrap: wrap; gap: 2%; } } @media (max-width:620px){ #outros_centros .container_botao_outros-centros_tamanho { width: 100%; } #outros_centros .container_botao_outros-centros { display: block; } } /* ================ ESPIRITUALIDADE ==================== */ #topo-espiritualidade .texto-espiritualidade-introducao { font-size: 1.24em; line-height: 1.3em; text-align: justify;} #topo-espiritualidade img {margin-bottom: 25px; border-radius: 3px; width: auto; object-fit: cover; object-position: center;} #topo-espiritualidade .card{min-height: 160px;} #espiritualidade-inaciana{width: 100%; margin:80px auto 50px auto;} #espiritualidade-inaciana .texto-espiritualidade-inaciana-introducao { font-size: 1.24em; line-height: 1.3em; display: flex; flex-wrap: wrap; text-align: justify;} #espiritualidade-inaciana img {margin-bottom: 25px; border-radius: 3px;} .bkg-foto-espiritualidade img{ object-fit: cover; object-position: right center; border-radius: 3px; height: 100%;} #espiritualidade-inaciana .puc_layout_coluna_2cols_interno{margin-bottom: 30px;} @media (max-width: 1139px) { #topo-espiritualidade img {height: 300px;} .tapume .puc_layout_coluna_2cols_nivelador {display: flex; margin-bottom: 30px; flex-wrap: wrap; justify-content: space-between;} .tapume .puc_layout_coluna_2cols_interno { width: calc(49.33% - 10px); justify-content: space-between; } } @media (max-width: 940px) { .tapume .puc_layout_coluna_2cols_nivelador { margin-bottom: 0;} #topo-espiritualidade .texto-espiritualidade-introducao, #espiritualidade-inaciana .texto-espiritualidade-inaciana-introducao { font-size: 1.1em; line-height: 1.2em; text-align: justify;} #topo-espiritualidade .card{ font-size: 1.15em;} } @media (max-width: 750px) { #topo-espiritualidade .texto-espiritualidade-introducao, #topo-espiritualidade .img_btn{display: block; width: 100%; } #topo-espiritualidade .card { font-size: 1em;} #topo-espiritualidade .card { font-size: 1em;} #espiritualidade-inaciana .puc_layout_coluna_2cols_interno {width: 100%; display: block; } } @media (max-width: 500px) { #texto-espiritualidade-inaciana-cards .card {width:100%} } #texto-espiritualidade-inaciana-cards{margin-bottom: 50px;} #texto-espiritualidade-inaciana-cards .puc_texto_menor{font-size: 0.6em; line-height: 1.6em; display:flex; text-align: justify;} #texto-espiritualidade-inaciana-cards .card {line-height: 1em!important;} #texto-espiritualidade-inaciana-cards .puc_layout_coluna_4cols_interno{margin-bottom: 30px;} /* =========================== ARTE E CULTURA =========================== */ #Arte-Cultura{margin: 80px auto 30px auto;} .arte-cultura-introducao{font-size: 1.24em; line-height: 1.3; column-count: 2; column-gap: 30px; text-align: justify;} #Entre-lugares{margin: 80px auto 30px auto;} .entre-lugares-introducao{ font-size: 1.24em; line-height: 1.3; column-count: 2; column-gap: 30px; margin-bottom: 30px; text-align: justify;} .entre-lugares-data{ padding: 10px; border-radius: 3px; font-size: 0.65em;} .entre-lugares-divulgacao .card.linha{font-size: 1.45em;} #Sobre-o-olhar-de{margin: 80px auto 30px auto;} .sobre-o-olhar-de-introducao{font-size: 1.24em; line-height: 1.3; column-count: 2; column-gap: 30px; text-align: justify;} #Na-trilha{margin: 80px auto 30px auto;} .na-trilha-introducao{font-size: 1.24em; line-height: 1.3; column-count: 2; column-gap: 30px; text-align: justify;} .na-trilha-introducao img{object-fit: cover; object-position: center; border-radius: 3px;} @media (max-width: 600px) { .arte-cultura-introducao,.entre-lugares-introducao,.sobre-o-olhar-de-introducao, .na-trilha-introducao{column-count: 1; } } @media (max-width: 1140px) { #Arte-cultura-topo .slide-geral {min-height: 400px;} } /* ================= ENTRE LUGARES ============= */ @media (max-width: 1138px) { #Entre-lugares .card { margin-top: 30px; } } /* ============= POETICAS ==================== */ #Poeticas{margin: 80px auto 30px auto;} .poeticas-introducao{font-size: 1.24em; line-height: 1.3; text-align: justify;} #Poeticas .texto { display: flex; align-items: center; gap: 20px; font-size: 0.8em; } #Poeticas .foto-livro { width: 250px; } #Poeticas .puc_texto_menor { line-height: 0; } @media (max-width: 1138px) { .poeticas-introducao .card {margin-top: 30px;} .poeticas-introducao .card .texto{ font-size: 0.75em; line-height: 1.1em;} .poeticas-fotos{} #Poeticas .card {margin-top: 0;} #Poeticas .puc_layout_area-inicial_esquerda .card { margin-top: 30px; } } .poeticas-slideshow-container { overflow: hidden; width: 100%; padding: 10px 0; /*background-color: #f9f9f9;*/ height: 350px; align-content: initial; } .poeticas-slideshow-track { display: flex; gap: 10px; animation: poeticas-deslizar 20s linear infinite; } .poeticas-slide { flex: 0 0 auto; width: 210px; position: relative; transition: transform 0.3s ease; z-index: 10; } .poeticas-slide img { width: 100%; border-radius: 3px; display: block; } .poeticas-slide:hover { transform: scale(2.2); z-index: 100; } .poeticas-slide:hover .poeticas-legenda { opacity: 1; } .poeticas-legenda { position: absolute; bottom: 0; width: 100%; background: #CDCAC1; color: #333; font-size: 0.4em; text-align: center; padding: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;/**/ opacity: 0; transition: opacity 0.3s ease; } /* Animação contínua */ @keyframes poeticas-deslizar { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* Pausar animação ao passar o mouse */ .poeticas-slideshow-container:hover .poeticas-slideshow-track { animation-play-state: paused; } /* Responsivo */ @media (max-width: 600px) { #Poeticas .puc_layout_coluna_2cols_nivelador { display: block; } #Poeticas .puc_layout_coluna_2cols_interno { width: 100%; } #Poeticas .card { margin-top: 30px; } #Tarde-cardoner .puc_layout_coluna_2cols_nivelador { display: block; } #Tarde-cardoner .puc_layout_coluna_2cols_interno { width: 100%; } #Tarde-cardoner .card { margin-top: 30px; } .poeticas-slide { width: 150px; } .poeticas-legenda { font-size: 0.7em; } #Poeticas .texto { flex-direction: column; } #Poeticas .foto-livro { width: 100%; } } /* ================== TARDE CARDONER ======================== */ #Tarde-cardoner{margin: -40px auto 30px auto;} .tarde-cardoner-introducao{font-size: 1.24em; line-height: 1.3; text-align: justify;} @media (max-width: 1138px) {.tarde-cardoner-introducao .card {margin-top: 30px;}} .tarde-cardoner-introducao .card .texto{ font-size: 0.75em; line-height: 1.1em;} .tarde-cardoner-fotos{} .tarde-cardoner-slideshow-container { overflow: hidden; width: 100%; padding: 10px 0; /*background-color: #f9f9f9;*/ height: 350px; align-content: initial; } .tarde-cardoner-slideshow-track { display: flex; gap: 10px; animation: tarde-cardoner-deslizar 20s linear infinite; } .tarde-cardoner-slide { flex: 0 0 auto; width: 210px; position: relative; transition: transform 0.3s ease; z-index: 10; } .tarde-cardoner-slide img { width: 100%; border-radius: 3px; display: block; } .tarde-cardoner-slide:hover { transform: scale(2.2); z-index: 100; } .tarde-cardoner-slide:hover .tarde-cardoner-legenda { opacity: 1; } .tarde-cardoner-legenda { position: absolute; bottom: 0; width: 100%; background: #CDCAC1; color: #333; font-size: 0.4em; text-align: center; padding: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;/**/ opacity: 0; transition: opacity 0.3s ease; } /* Animação contínua */ @keyframes tarde-cardoner-deslizar { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* Pausar animação ao passar o mouse */ .tarde-cardoner-slideshow-container:hover .tarde-cardoner-slideshow-track { animation-play-state: paused; } /* Responsivo */ @media (max-width: 600px) { .tarde-cardoner-slide { width: 150px; } .tarde-cardoner-legenda { font-size: 0.7em; } } /* ================== ACADEMICO ================= */ #Academico-topo{font-size:1.24em; line-height: 1.3em; text-align: justify;} #Discen{margin: 80px auto 30px auto;} .discen-conteudo{ display: grid; grid-template-columns: 58% 38%; gap: 30px;} .discern-texto{font-size:1.24em; line-height: 1.3em; text-align: justify;} .discern-texto .card {font-size:1em; margin: 30px auto 0 auto;} .discern-texto ul{margin-left: 0;} .discern-foto-geral{} .discern-foto{display: flex; margin-bottom: 30px;} .discern-foto img{object-fit: cover; object-position: center; border-radius: 3px;} .discern-foto-geral a{position: absolute; bottom: 1px;} /*@media (max-width: 970px){ .discen-conteudo{grid-template-columns: 53% 43% ; } }*/ @media (max-width: 690px){ .discen-conteudo{ grid-template-columns: 100%; } } /* ================== SER+PARA ================= */ #Responsabilidade-topo .slide-geral{min-height: 420px;} #SER-PARA{margin:80px auto 30px; text-align: justify;} #SER-PARA .serpara-texto {column-count: 2; column-gap: 30px;} .serpara-texto{font-size: 1.24em; line-height: 1.3;} #Resp-Socioambiental{margin:80px auto 30px; text-align: justify;} #Resp-Socioambiental .respsocioambiental-texto{column-count: 2; column-gap: 30px;} .respsocioambiental-texto{font-size: 1.24em; line-height: 1.3;} /* ================ CONTATO ================== */ #contato .link-whatsapp { background: #00cc6d; padding: 0px 15px; color: aliceblue; display: flex; align-items: center; text-decoration: none; } #contato .botao-whatsapp { display: flex; } #contato .contato-link-redesocial { margin: 0 5px 0 0; } /* ==================== ARTIGOS ===================== */ .stl-aconteceu{ font-size: 1.24em;} #paginacao-aconteceu, .paginacao-aconteceu { margin: 0 auto 20px auto; border-bottom: 1px solid #9b9583; font-family: "Rethink Sans", sans-serif; } #artigos .pagina-btn { display: inline-block; margin: 0 10px 0 0; padding: 5px 15px 0 15px; background-color: #FFF; color: #000000; border-radius: 3px 3px 0 0; cursor: pointer; /*border: 1px #9b9583 solid;*/ border-bottom:5px #FFF solid; font-size: 0.9em; margin-bottom: 10px; } #artigos .pagina-btn.ativa { border-bottom:5px #4646FF solid; } #artigos .pagina-btn.disabled { background-color: #FFF; color:#CDCAC1; cursor: default; } #artigos p { font-size: 1.24em; line-height: 1.3em; margin: 0 0 2em 0; } #artigos .destaque_triplo { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin-bottom: 30px; } #artigos .destaque_triplo a { width: 32%; max-height: 1300px; } #artigos .imagem_noticia { width: 100%; } #artigos .card { padding: 0; justify-content: space-between; border-radius: 3px; overflow: hidden; /* Garante que a imagem também fique arredondada */ } #artigos .tag { display: block; font-family: "Literata", serif; font-size: 0.65em; padding: 12px 0 12px 0; font-weight: 400; line-height: 1.3em; } #artigos .tag-noticia { font-size: 0.6em; font-weight: 600; color: #ffffff; padding: 4px 10px; position: absolute; top: 24px; left: 30px; z-index: 10; border-radius: 3px; } #artigos .titulo_materia { font-size: 1.2em; line-height: 1.2em; } #artigos .conteudo_materia { padding: 20px 30px; } #artigos .texto_materia { font-size: 0.82em; line-height: 1.1em; font-family: "Literata", serif; } #artigos .material-symbols-outlined { margin: 20px 30px; } #artigos .destaque_quadruplo { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin-bottom: 30px; } #artigos .destaque_quadruplo a { width: 24%; margin-bottom: 30px; } #artigos .destaque_quadruplo .tag { padding: 0 0 8px 0; } #artigos .destaque_quadruplo .conteudo_materia { padding-top: 8px; font-size: 0.8em; line-height: 1.15em; } #artigos .destaque_quadruplo .titulo_materia { font-size: 1em; } #artigos .destaque_triplo a:hover { transform: translateY(-12px); text-decoration: none; } #artigos .destaque_quadruplo a:hover { transform: translateY(-12px); text-decoration: none; } @media (max-width: 1024px) { #artigos .puc_layout_coluna_2cols_interno { width: 100%; } #artigos .destaque_triplo { display: flex; flex-wrap: wrap; } #artigos .destaque_triplo a { width: 48.5%; height: auto; } #artigos .imagem_noticia img { width: 100%; height: auto; max-width: 100%; display: block; } #artigos .destaque_quadruplo a { width: 48.5%; } } @media (max-width: 764px) { #artigos .destaque_triplo { display: block; } #artigos .destaque_triplo a { width: 100%; height: auto; } #artigos .destaque_quadruplo { display: block; } #artigos .destaque_quadruplo a { width: 100%; } } /* ================ NOTICIAS ================ */ /* ==== Páginação aconteceu ==== */ .stl-aconteceu{ font-size: 1.24em;} #paginacao-aconteceu, .paginacao-aconteceu { margin: 0 auto 20px auto; border-bottom: 1px solid #9b9583; font-family: "Rethink Sans", sans-serif; } #noticias .pagina-btn { display: inline-block; margin: 0 10px 0 0; padding: 5px 15px 0 15px; background-color: #FFF; color: #000000; border-radius: 3px 3px 0 0; cursor: pointer; /*border: 1px #9b9583 solid;*/ border-bottom:5px #FFF solid; font-size: 0.85em; margin-bottom: 10px; } #noticias .pagina-btn.ativa { border-bottom:5px #4646FF solid; } #noticias .pagina-btn.disabled { background-color: #FFF; color:#CDCAC1; cursor: default; } #noticias .titulo_materia { font-weight: 600; font-family: "Rethink Sans", sans-serif; } #noticias .conteudo_materia { display: flex; flex-direction: column; } #noticias .tag { display: block; font-family: "Literata", serif; font-size: 0.65em; padding: 6px 0 12px 0; font-weight: 400; line-height: 1.3em; } #noticias .container_noticias { display: block; } #noticias .destaque_unico { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin-bottom: 30px; font-size: 1.24em; } #noticias .destaque_triplo { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin-bottom: 30px; font-size: 1.24em; } #noticias strong { margin: 0 0 10px 0; } #noticias .destaque_unico a { width: 48.6%; font-family: "Rethink Sans", sans-serif; margin-bottom: 30px; } #noticias .destaque_triplo a { width: 32%; margin-bottom: 30px; } #noticias section { max-width: 1100px; } #noticias .container_noticias a:hover { transform: translateY(-12px); text-decoration: none; } @media (max-width: 750px) { #noticias .destaque_unico { display: block; } #noticias .destaque_unico a { margin-bottom: 30px; } #noticias .destaque_triplo { display: block; } #noticias .conteudo_materia { margin: 0 0 30px 0; } #noticias .destaque_triplo a { width: 100%; margin-bottom: 30px; box-sizing: border-box; } } /* ================= VIDEOS ================= */ #videos-oracao { max-width: 1200px; margin: auto; } .video-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .video-item { border: 1px solid #9b9583; text-align: center; /*background-color: #f9f9f9;*/ transition: transform 0.2s; text-decoration: none; color: inherit; border-radius: 3px; } .video-item:hover { transform: scale(1.02); text-decoration: none } .video-item img { max-width: 100%; height: auto; border-radius: 3px 3px 0 0; } .video-item h4 { margin: 10px; font-size: 16px; text-align: left; } .featured { grid-column: span 4; background-color: #9b9583; font-weight: bold; } .paginacao-video { margin: 30px auto 20px auto; border-bottom: 1px solid #9b9583; font-family: "Rethink Sans", sans-serif; padding: 0 0 10px 0; } .paginacao-video button { margin: 0 5px; padding: 8px 12px; cursor: pointer; border-bottom: 5px solid #f5f5f0; border-top: 0; border-left: 0; border-right: 0; background: #ffffff; border-radius: 3px ;} .paginacao-video button.ativa { border-bottom: 5px #4646FF solid; border-top: 0; border-left: 0; border-right: 0; background: #ffffff; border-radius: 3px 3px 0 0; } .paginacao-video button:disabled { background-color: #FFF; color: #CDCAC1; cursor: default; border-bottom: 5px solid #f5f5f0; border-top: 0; border-left: 0; border-right: 0; } /* ========== ESPIRITUALIDADE SABADO ============= */ .ttl-caminho{margin-top: 0;} .texto-caminho-internas{font-size: 0.47em; font-weight: 300;} #sabado-espiritualidade .txt-introducao, .txt-galeria{font-size: 1.24em; line-height: 1.3em; column-count: 2; column-gap: 30px;} #sabado-espiritualidade .puc_layout_area-inicial_direita .h100 {min-height: 100%;} #galeria-sabado{margin: 80px auto 50px auto;} @media (max-width: 1140px) { #sabado-espiritualidade .txt-introducao{ margin-bottom: 30px;} #galeria-sabado .puc_layout_coluna_2cols_interno {width: 100%; display: block; } } @media (max-width: 600px) { #sabado-espiritualidade .txt-introducao{ column-count: 1;} #galeria-sabado .txt-introducao, .txt-galeria{column-count: 1;} } /* ============ galeria de fotos do sábado =========== */ #galeria-sabado .galeria { max-width: 80%; margin: 30px auto; padding: 10px; text-align: center; } @media (max-width: 600px) { .galeria {max-width: 100%;} } #galeria-sabado .imagem-principal { position: relative; } #galeria-sabado .imagem-principal img { width: 100%; height: auto; border-radius: 3px; display: block; } #galeria-sabado .descricao { position: absolute; bottom: 0; width: calc(100% - 40px); /*background-color:#0000007a;*/ text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.55); color: #FFF; padding: 20px; border-radius: 3px; font-size: 1.15rem; } .seta { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.4); color: white; border: none; font-size: 2rem; padding: 10px; cursor: pointer; border-radius: 3px; z-index: 1; } .seta:hover { background-color: rgba(0,0,0,0.6); } .seta.esquerda { left: 1px; } .seta.direita { right: 1px; } .thumbnails { margin-top: 15px; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } .thumbnails img { width: 80px; height: 60px; object-fit: cover; cursor: pointer; opacity: 0.6; border: 2px solid transparent; border-radius: 3px; transition: 0.3s; } .thumbnails img.ativa { opacity: 1; /*border-color: #0078d7;*/ } /* Responsivo para telas menores */ @media (max-width: 600px) { .thumbnails img { width: 60px; height: 45px; } .descricao { font-size: 1rem; padding: 10px; width: -moz-available; line-height: 1.1em } .seta { font-size: 1rem; padding: 8px; } } /* =========== EXERCICIOS VIDA COTIDIANA ============== */ .ttl-caminho{margin-top: 0;} .texto-caminho-internas{font-size: 0.47em; font-weight: 300;} #EVC-vidas-cotidiana{ font-size: 1.24em; line-height: 1.3; /*width: 100%; display: grid;*/ column-count: 3; column-gap: 30px; margin: 25px auto; /*justify-content: space-between; grid-gap: 30px;*/ } #EVC-vidas-cotidiana img {border-radius: 3px} @media (max-width: 1150px) {#EVC-vidas-cotidiana img{width: 100%; image-rendering: -webkit-optimize-contrast; height: 280px; object-fit: cover; object-position: top center;} } @media (max-width: 999px) { #EVC-vidas-cotidiana{column-count: 2} } @media (max-width: 500px) { #EVC-vidas-cotidiana{column-count: 1; font-size: 1.15em; line-height: 1.15em;} #EVC-vidas-cotidiana img{width: 100%; object-fit: cover; object-position: top center; height: 300px;} } @media (max-width: 400px) { #EVC-vidas-cotidiana{font-size: 1em; line-height: 1em;} } /* ============ FIM da galeria de fotos do sábado =========== */ /* ============== EXERCICIOS SABADO =============== */ .ttl-caminho{margin-top: 0;} .texto-caminho-internas{font-size: 0.47em; font-weight: 300;} #EEJ-geral{font-size: 1.24em; line-height: 1.3em; } #EEJ-geral .puc_layout_area-inicial_direita{ } .etapas-texto-videos{margin-bottom: 30px;} .ttl-etapas-videos{background: #CDCAC1; padding: 10px 20px; margin: 30px auto 0 auto; border-radius: 3px; font-size: 1.2em;} .etapas-texto-videos p{padding: 0 20px; font-size: 0.9em;} .videos-etapas-interno{padding: 10px 20px; border-radius: 3px;} #etapas-conclusao-geral{margin: 100px auto 30px auto; width: 100%;} #etapas-conclusao{ width: 100%; display: grid; grid-template-columns: 55% 40%; margin: 25px auto; justify-content: space-between; grid-gap: 30px; } .titulo-especial { column-span: all; } .conclusao-texto{ font-size: 1.24em; line-height: 1.3em;} .conclusao-img img{border-radius: 3px; width: 100%; object-fit: cover; object-position: center; height: 100%} @media (max-width: 790px) { #etapas-conclusao{grid-template-columns: 100%;} #EEJ-geral .puc_layout_coluna_2cols_interno { width: 100%; } } /* ======================================================================================= */ /* ============================= SITE MODELO BANDING ===================================== */ /* ======================================================================================= */ .ttl-inicial{ text-align:center; margin: 50px auto; } .texto-inicial-2c, .texto-inicial-2c_peq { column-count: 2; column-gap: 40px; margin-bottom: 64px; font-weight: 400; /* line-height: 30px; */ } .texto-inicial-2c { font-size: 1.2em; } .texto-inicial-2c_peq { font-size: 1em; } @media (max-width:680px) { .texto-inicial-2c, .texto-inicial-2c_peq { column-count:1; } } .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; } h3 .puc_texto_menor { font-size:0.6em; } .index #menu_link_index { visibility:hidden; display:none; } .quadro_branco { background:#FFFFFF; border-radius:3px; padding:30px; box-sizing:border-box; } .quadro_branco h3 { margin-top:0; } .slide-texto { width:100%; color:#f5f5f0; box-sizing: border-box; z-index:100; position:absolute; bottom:40px; left:0; text-shadow: 2px 2px 2px rgba(17, 17, 17, 0.3); text-decoration:none; padding:0 50px 0 50px; text-align:center; } @media (max-width:680px) { .slide-ttl { font-size:2.5em !important; } } .slide-ttl { font-size:3em; line-height:1em !important; font-weight:500; margin:0 0 15px 0; font-family:"Rethink Sans", sans-serif; } .slide-stl { margin:0; line-height:1.2em !important; font-weight:400; font-size:18px; } .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%; border-radius:3px; } /* ========= MENU com submenu ======== */ @media (min-width:1140px) { .puc_menu_submenu_conjunto { flex-grow:initial; } #menu ul { width:auto; min-width:100%; background:#FFFFFF!important; padding:10px !important; margin:-12px auto auto auto !important; font-weight:300 !important; } #menu ul li { font-weight:300 !important; } header #menu .puc_menu_submenu_links a:link, header #menu .puc_menu_submenu_links a:visited { background:#FFFFFF !important; color:#000000 !important; font-weight:300 !important; } .tapume #menu a, .tapume #menu a:link, .tapume #menu a:visited, .tapume .puc_menu_submenu_linkmestre { margin:18px 0 14px 0 !important; padding:0 !important; } } @media (max-width: 1139px) { #menu { background: #FFFFFF !important; margin-top:-10px; } .puc_menu_submenu_links { display:block !important; } header #menu .puc_menu_submenu_links a:link, header #menu .puc_menu_submenu_links a:visited { background: #FFFFFF !important; font-size:0.9em; } header #menu a:link, header #menu a:visited, header #menu .puc_menu_submenu_linkmestre { padding:20px 20px 20px 25px; } } #loyola #contato_formulario { background:#CDCAC1; border-radius:3px; } #loyola #contato_formulario input, #loyola #contato_formulario textarea { background:#FFFFFF; border:0; border-radius:3px; } #loyola #contato_formulario input[type="button"], #loyola #contato_formulario input[type="reset"] { font:1.1em 'Rethink Sans'; font-weight:500; cursor:pointer; transition:0.3s all; } #loyola #contato_formulario input[type="text"] {} #loyola #contato_formulario input[type="button"] { margin-right:10px; background:#000000; color:#F5F5F0; } #loyola #contato_formulario input[type="reset"] { background:#F5F5F0; color:#000000; } #loyola #contato_formulario input[type="button"]:hover, #loyola #contato_formulario input[type="reset"]:hover { background:#FFB52F; color:#000000; } #loyola #contato_formulario textarea {}