@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. */ /* ========================================================================== */ /* TABS */ /* ========================================================================== */ .navtabs { display:flex; flex-wrap:wrap; gap:15px; width:100%; } .navtabs .w16 { flex:1; min-width:160px; } .navtabs .card { display:flex; align-items:center; justify-content:center; text-align:center; min-height:100px; padding:20px; box-sizing:border-box; text-decoration:none; transition: background 0.25s, color 0.25s, transform 0.25s, border 0.25s; } /* ========================================= */ /* HOVER */ /* ========================================= */ .navtab-btn.linha:hover { transform:translateY(-3px); } /* ========================================= */ /* BOTÃO ATIVO */ /* ========================================= */ .navtab-btn.ativo { background:#00a8a8; color:#fff; } /* ========================================= */ /* LINHA ATIVA */ /* ========================================= */ .navtab-btn.linha { border-bottom:4px solid #00b7c5; } /* ========================================= */ /* CONTEÚDOS */ /* ========================================= */ #quadrosgruponavaba > div { display:none; } /* ========================================= */ /* MOBILE */ /* ========================================= */ @media (max-width:950px) { #btttabs_outernavaba { overflow-x:auto; } .navtabs { flex-wrap:nowrap; width:max-content; } .navtabs .w16 { min-width:220px; } }