@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" */ /* ======================== Topo texto de introdução ======================== */ /* #integridade-cont-topo{width: 100%; margin: 0 auto 70px auto;} #integridade-cont-topo h2{width: 100%;} #integridade-cont-topo .puc_layout_coluna_2cols_nivelador{font-size: 1.24em; line-height: 1.4em;} .docs_gerais{margin: 80px auto;} .docs_gerais .puc_layout_coluna_4cols_nivelador .card{ height: 300px;} .docs-gerais-txt{font-size: 1.24em; line-height: 1.4em;} .docs_gerais .puc_layout_coluna_4cols_nivelador{margin: 50px auto;} .docs-gerais-txt-pequeno{font-size: 14px; display: block; line-height: 1.25em; margin: 10px auto;}*/ /*================================================================== */ /* ======================== NEWSLETTER ============================= */ /*================================================================== */ /* === Caminho página ativa marcada === */ .caminho-pagina-ativa{border-bottom: 2px solid #FFB52F; padding-bottom: 2px;} /* ==== Topo da página ==== */ #News-cont-topo h2 { width: 400px; } /* ==== Busca ==== */ #News-Busca-conteudo{ margin: 30px auto;} /* Estilo do DIV que engloba as ferramentas de busca e foiltros */ #News-ferramentas-filtros {margin-bottom: 30px;} /* Estilo da caixa de busca */ .search-container { position: relative; /*width: 100%;*/ max-width: 700px; /* ajuste conforme necessário */ } #searchBox { width: calc(100% - 20px); padding: 13px 5px 13px 13px; /* espaço para o ícone à direita */ border: 1px solid #9B9583; border-radius: 10px; font-size: 13px; } /* Placeholder em preto */ #searchBox::placeholder { color: black; opacity: 1; font-style: italic; } /* Ícone da lupa */ .search-icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-family: 'Material Symbols Outlined'; font-size: 30px; color: black; pointer-events: none; /* não atrapalha o clique no input */} .materia {padding-bottom: 50px; } .materia strong{ font-family: "Rethink Sans", sans-serif !important; font-size: 1.2em; font-weight: 500;display: block; margin: 8px auto 10px auto;} .hidden { display: none; } /* ==== Paginação ==== */ /* Estilo do div que engloba as matérias */ #News-conteudo{margin: 0 auto;} #News-conteudo .texto{font-size: 0.9em; line-height: 0.8; font-weight: 500;} #News-conteudo .tag {margin: 20px auto -45px auto;} /* Estilo da formatação do numeros das páginas */ #paginacao-aconteceu, .paginacao-aconteceu { margin: 15px auto 20px auto; /*border-bottom: 1px solid #9b9583;*/ font-family: "Rethink Sans", sans-serif; text-align: center; } .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 #F5F5F0 solid; font-size: 0.85em; margin-bottom: 10px; } .pagina-btn.ativa { border-bottom:5px #4646FF solid; } .pagina-btn.disabled { /*background-color: #FFF; color:#CDCAC1;*/ color:#000; cursor: default; } /* == Filtro por ano == */ #filtros_esquerda_ano{} #filtros_esquerda_ano .texto{ width: 100%; font-size: 0.7em;} #filtros_esquerda_ano .texto p{ margin: 15px auto 8px auto; font-size: 0.9em;} #filtroAno{} #filtroAno label{ display: flex; width: 100%; float:left; font-size: 0.9em; align-items: center;} @media (max-width:640px) { #filtroAno label{ width: auto; margin-right: 20px; } } /* estilo base do checkbox */ #filtroAno input[type="checkbox"] { appearance: none; /* remove estilo padrão */ -webkit-appearance: none; -moz-appearance: none; width: 18px; height: 18px; border: 1px solid #9B9583; /* cor da borda */ border-radius: 2px; /* opcional, deixa cantos arredondados */ background: #F5F5F0; /* cor de fundo */ cursor: pointer; position: relative; margin-right: 10px;} /* quando marcado */ #filtroAno input[type="checkbox"]:checked { background: #4646FF; /* fundo muda ao marcar */ border-color: #9B9583; } /* opcional: adicionar um "check" interno */ #filtroAno input[type="checkbox"]:checked::after { content: "✔"; color: white; font-size: 14px; position: absolute; top: -2px; left: 2px; } /* == estilo da caixa de ordenção == */ #news-ordernar{text-align: right;} @media (max-width:700px) { #news-ordernar{text-align: left;} #ordenacao{width: 100%!important;} } /* select */ #ordenacao{ background: none; border: 0; border-bottom: 2px solid #000; border-radius: 0; padding: 10px 0 10px 0; width: 310px; font-family: "Rethink Sans", sans-serif; font-weight: 600; font-size: 0.77em; } /* serve para personalizar a caixa quando estiver clicada */ #ordenacao:focus { outline: none; background-color: #F5F5F0; border: 0; border-radius: 0; border-bottom: 2px solid #000; } /* Estiliza o contêiner do dropdown (o 'quadro' que abre) */ select::picker(select) { appearance: none; /*appearance: base-select;*/ background-color: #F5F5F0; border: 0; border-radius: 0px; padding: 5px; } /* estilo das opções internas */ #ordenacao option { background-color: #F5F5F0; color: #000; font-weight: 400; } #ordenacao option:checked { background-color: #F5F5F0;} #ordenacao option:hover {background: #FFFFFF;}