@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 .extralight { font-weight:200; } .light { font-weight:300; } .regular { font-weight:400; } .medium { font-weight:500; } .semibold { font-weight:600; } .bold { font-weight:700; } .extrabold { font-weight:800; } .black { font-weight:900; } */ /* =============================================================================== ESTILOS DE COR === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* 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. */ /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #menu a:link, #menu a:visited, #menu .puc_menu_submenu_linkmestre { border-bottom:4px solid rgba(106,231,0,0); } /* mouse over */ #menu a:hover, #menu .puc_menu_submenu_linkmestre:hover, #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { border-bottom:4px solid rgba(106,231,0,1); } /* fecha @media (min-width:1140px) */ } /* ----- REDES SOCIAIS ----- */ .redes_sociais a img { /* width: -- ; height: -- ; */ } /* ========================================================================== 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" */ /* ================= NOTICIAS ================= */ /* --- Estrutura Geral --- */ #noticias{ max-width: 1200px; margin: auto; } /* --- Grid Responsiva (Mobile First) --- */ .video-grid { display: grid; gap: 20px; grid-template-columns: 1fr; /* 1 coluna no celular */ } /* --- Estilo do Item (Normal) --- */ .video-item { text-align: left; background-color: #f9f9f9; transition: transform 0.2s; text-decoration: none; color: inherit; border-radius: 3px; display: flex; flex-direction: column; /* Imagem em cima, texto embaixo */ overflow: hidden; } /* Hover apenas se for link (a) */ a.video-item:hover { transform: scale(1.02); text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } /* Imagens */ .video-item-image-container img { width: 100%; height: auto; display: block; border-radius: 3px 3px 0 0; } /* Tipografia e Espaçamentos */ .video-item h4 { margin: 10px; font-size: 18px; text-align: left; } .video-item p, .video-item .tag { margin: 10px; } .video-item .video-item-content { padding: 10px; } /* --- Tags e Status --- */ .tag { display: inline-block; } .video-item-content .status { color: #4646ff; } /* --- Paginação --- */ .paginacao-video { display: flex; flex-wrap: wrap; margin: 30px auto 20px auto; border-bottom: 1px solid #9b9583; 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; background: #ffffff; border-radius: 3px 3px 0 0; } .paginacao-video button:disabled { color: #CDCAC1; cursor: default; border-bottom: 5px solid #f5f5f0; } #noticias .botoes_canais { margin-top: 30px; } #noticias p, #eventos-graduacao .puc_layout_coluna_2cols_interno span, #eventos-outros .puc_layout_coluna_2cols_interno span, #eventos-pos-graduacao .puc_layout_coluna_2cols_interno span{ font-size: 1.2em; }