body {
        font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, sans-serif, arial;
    }


    /* Barra fina azul superior com email institucional e acesso a informação */
    .top-bar {
        background-color: #005371;
        color: #ffffff;
    }



    
    .quick-menu {
        margin-top: -15px;
    }
    
    .quick-menu ul li {
        display: inline;
    }
    
    .quick-menu ul li a {
        margin-right: 30px;
    }
    
    .row-quick-access-links {
        /* margin: 10px 0px 10px 0px; */
        border-right: 1px solid #FFFFFF;
    }
    

/* sem alteração na cor - toggler=alternador */
    .quick-access-toggler {
        color: #FFFFFF !important;
        filter: brightness(100);
    }
    


    .sup-nav-item img {
        width: 20px;
    }
    

/* Não altera nada - nao tem nada com cor ffffff que tenha alteração ao mudar cor - O TAMANHO da fonte alterou a fonte na barra azul superior da linha 6 mas color nao altera nada */
    .quick-access a {
        float: right;
        text-decoration: none;
        color: #FFFFFF;
        font-size: 10pt;
    }
    

/* NAO ALTERA NADA MUDANDO A COR */
    .quick-access a:hover {
        text-decoration: none;
        color: #FFFFFF;
    }
    
    .quick-access a:active {
        text-decoration: none;
        color: #FFFFFF;
    }
  


/* nÃO ALTERA NADA */
    .fa-text-height {
        font-size: 12pt;
    }
    
    .fa-adjust {
        font-size: 12pt;
    }
    


    .fiocruz-header {
        min-height: 150px;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 80px
    }
    


    .logo-fiocruz {
        padding-top: 3vh;
        padding-bottom: 3vh;
        padding-right: 3vh;
        width: 250px !important;
        max-width: 250px !important;
    }
    
    .menu-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        /* margin-top: 5%; */
    }
    
    .menu {
        vertical-align: middle;
    }
    
    .menu ul li {
        display: inline;
    }
    
    .menu ul li a {
        margin-right: 15px;
        font-size: 11pt;
        color: #000000;
    }
    
    .menu ul li a:hover {
        text-decoration: none;
    }
    
    
/* N00004D EH AZUL ESCURO FIOCRUZ - SUBSTITUIDO POR AZUL FIOCE 005371 ALTEROU A BARRA INFERIOR ABAIXO DO CAMPO DE PESQUISA */
.container-footer {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #005371;
        color: #FFFFFF;
    }
  
/* AREA DE LOGOS NA PARTE MAIS INFERIOR DA HOME PAGE */
    .container-logos {
        background-color: #FFFFFF;
    }
    
    .footer-menu-title {
        font-size: 12pt;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    .footer-menu ul li {
        font-size: 11pt;
        list-style-type: none;
    }
    
    .footer-menu ul li a {
        text-decoration: none;
        color: #FFFFFF;
    }
    
    footer ul.menu {
        padding: 0;
    }
/* COR #D75A1E EH LARANJA FIOCRUZ - SUBSTITUIR POR CAJU FIOCE #F9A13E - ESSA ALTERAÇÃO NAO ATINGIU ITEM ALGUM  */    
    .container-jobs {
        background-color: #F9A13E;
        color: #FFFFFF;
    }
    
    .jobs-menu ul li {
        display: inline;
    }
    
    .jobs-menu ul li a {
        margin-right: 15px;
        font-size: 11pt;
        color: #FFFFFF;
    }
    
    .jobs-menu {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .jobs-menu span {
        font-weight: 600;
        margin-right: 10px;
        font-size: 11pt;
    }
    
    .jobs-menu ul li a:hover {
        text-decoration: none;
    }
    
    .container-jobs ul.menu {
        padding: 0;
        margin-bottom: 0;
    }
    
    .copyright {
        font-size: 10pt;
    }
    
    .copyright h5 {
        font-size: 11pt;
    }
    
    .fiocruz-jumbotron {
        background-color: transparent  !important;
        padding-top: 10% !important;
        padding-bottom: 10% !important;
        color: #FFFFFF;
        margin-top: 5vh;
        margin-bottom: 5vh;
    }
 

/* COR #D75A1E EH LARANJA FIOCRUZ - SUBSTITUIR POR FOLHA SECA FIOCE #D65646 -ALTEROU O FUNDO DE TODOS OS BOTOES RETANGULARES  */  
    .fiocruz-button {
        background-color: #D65646 !important;
        color: #FFFFFF !important;
    }
   



 /* INICIO DOS 4 ICONES DE AREAS TEMATICAS - TROCAR FUNDO DO BOTAO PARA #DDD3AA PRECISA DE MUDAR AS FORMAS */   
    .fiocruz-areas {
        margin-top: -2vh;
    }

    .thematic-area {
        padding-left: 10px !important;
        padding-right: 0 !important;
    }
    
    .thematic-area-btn {
        width: 100% !important;
        background-color: #EFEFEF !important;
        border-radius: 15px !important;
        -webkit-box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.3);
    }
    
    .thematic-area-btn-row {
        padding-top: 2vh;
        padding-bottom: 2vh;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
 



    .icon-thematic-area {
        background-position: -15px -15px;
        border-right: 3px solid #00004D;
    }
 

/* TITULO AZUL FIOCRUZ PARA #005371 - ALTERA SOMENTE A COR DA FONTE - AREA DOS ICONES DAS 4 AREAS TEMATICAS*/
    .title-thematic-area {
        color: #005371;
        text-align: left;
        height: 100%;
    }
    
    .title-thematic-area h5 {
        font-size: 12pt;
        /* margin-top: 12%; */
    }
/* TERMINA A AREA DOS ICONES DA 4 AREAS TEMATICAS*/    




    .fiocruz-home-image {
        background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)), url('img/imgFIO.jpg');
        background-position: 50% 15%;
        position: relative;
        background-size: cover;
        height: 150%;
        overflow: hidden;
    }
    
    .fiocruz-thematic-area-card {
        padding-top: 1vh;
        padding-bottom: 1vh;
        padding-right: 2vh;
        padding-left: 2vh;
    }
    
    #accordion .fiocruz-card {
        margin-top: 2vh;
        -webkit-box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.3);
    }
    
    #accordion h5 {
        color: #00004D;
    }
    
    .fiocruz-covid-19 {
        margin-top: 3vh;
    }
    
    .fiocruz-covid-card {
        border: 4px solid #3B3B9F;
        padding: 3vh;
        background-color: #FFFFFF;
    }
    
    .covid-text {
        float: right;
    }
    
    .covid-text .row .col-12 h5 {
        text-align: right;
        float: left;
        color: #D65646;
    }
    
    .arrow-covid {
        color: #D65646;
        font-size: 40pt;
    }
    
    .covid-row-btn {
        align-items: center;
        justify-content: center;
        text-align: center;
        vertical-align: middle !important;
    }
    
    .covid-19-btn {
        color: #00004D !important;
        text-transform: uppercase;
        font-size: 14pt !important;
        border-color: #005371;
        font-weight: 700 !important;
        text-align: center;
        background-color: #F8F8F8;
        border-radius: 3px;
        border: 3px solid #005371 !important;
        width: 100%;
        margin-top: 6%;
    }
    
    .covid-19-btn:hover {
        background-color: #D65646 !important;
        color: #FFFFFF !important;
        border: 0px solid #005371 !important;
        padding: 9px;
    }
    
    .covid-bg {
        /* padding-top: 2vh;
        padding-bottom: 2vh;
        background-image: url('img/covid.png');
        background-position: 50% 15%;
        position: relative;
        background-size: 25% 25%;
        height: 150%;
        overflow: hidden; */
        padding: 5vh;
        background: url('img/covid.png');
        background-repeat: no-repeat;
        background-size: 30% 200%;
        background-position: 100% 2%;
        animation: animatedBackground 4s linear infinite alternate;
    }
    
    @keyframes animatedBackground {
        from {
            background-position: 98% 8%;
        }
        to {
            background-position: 100% 0;
        }
    }
    
    .fiocruz-last-news {
        background-color: #FFFFFF;
        /* height: 390px; */
    }
    
    .fiocruz-last-news .container {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    .slider-container .rt-grid-12 {
        padding-bottom: 4px;
        /* width: 100%; */
        height: 30vh;
        margin: 0;
        padding: 0;
        z-index: -1 !important;
    }
    
    .partners-container .rt-grid-12 {
        padding-bottom: 4px;
        /* width: 100%; */
        height: 30vh;
        margin: 0;
        padding: 0;
        z-index: -1 !important;
    }
    
    .news-column {
        padding-left: 0 !important;
        height: 350px;
    }
    /*background: rgba(0, 0, 0, .6);*/
    
    .last-news-header {
        margin-top: 2vh;
        /* margin-bottom: 3vh; */
    }
    
    .last-news-title {
        text-transform: uppercase;
        color: #515151;
        font-size: 12pt;
    }
    
    .news-more-btn {
        color: #515151bd !important;
        font-size: 10pt !important;
        border-color: #515151bd;
        font-weight: 500 !important;
        text-align: center;
        background-color: #F8F8F8;
        border-radius: 10px;
        border: 2px solid #515151bd !important;
        width: 100%;
        float: right;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    
    .news-more-btn:hover {
        background-color: #D75A1E !important;
        color: #FFFFFF !important;
        border: 0px solid #3B3B9F !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    
    .notice-row {
        height: 60px;
        margin-top: 10px;
    }
    
    .notice-row-general {
        height: 60px;
        margin-top: 30px;
    }
    
    .notice-title {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        /* "overflow" value must be different from "visible" */
        text-overflow: ellipsis;
        color: #00004D;
        font-size: 12pt;
        font-weight: 500;
        margin-bottom: 0;
    }
    
    .notice-title:hover {
        text-decoration: none;
    }
    
    .down-line {
        border-bottom: 1px solid #000000;
    }
    
    .fiocruz-calendar {
        padding-top: 5vh;
        padding-bottom: 3vh;
    }
    
    .section-title {
        font-size: 14pt;
        font-weight: 400 !important;
    }
    
    .calendar-event {
        background-color: #EFEFEF;
        color: #00004D;
        padding-top: 1vh;
        padding-bottom: 1.5vh;
        padding-left: 3vh !important;
        padding-right: 3vh !important;
        border-radius: 10px;
        margin-bottom: 5px;
    }
    
    .year-month {
        font-size: 10pt !important;
        font-weight: 400;
        margin: 0 !important;
    }
    
    .day-month {
        margin: 0 !important;
    }
    
    .badge-warning {
        background-color: #D75A1E !important;
        color: #FFFFFF !important;
        text-decoration: none;
    }
    
    .badge-warning a {
        background-color: #D75A1E !important;
        color: #FFFFFF !important;
        text-decoration: none;
    }
    
    .badge-warning:hover {
        background-color: #D75A1E !important;
        color: #FFFFFF !important;
        text-decoration: none;
    }
    
    .badge-warning a:hover {
        background-color: #D75A1E !important;
        color: #FFFFFF !important;
        text-decoration: none;
    }
    
    .event-title {
        margin: 0 !important;
    }
    
    .event-date-area {
        padding-top: 5px;
    }
    
    .acesso-informacao-img {
        padding-top: 30px;
        cursor: pointer;
    }
    
    .horizontal-accordion-col {
        padding: 0 !important;
    }
    
    .fiocruz-platforms .container-fluid {
        padding: 0;
    }
    
    .table {
        display: flex;
        width: 100%;
        min-height: 400px;
        max-height: 400px;
        /* max-height: 450px; */
    }
    
    .table__cell {
        position: relative;
        display: flex;
        width: calc(100% / 5);
        align-items: center;
        justify-content: center;
        transition: width 500ms cubic-bezier(0.4, 0.0, 0.2, 1);
        background-color: #F8F8F8;
    }
    
    .table__cell_bordered {
        border-left: 1px solid #E1E1E1;
        border-right: 1px solid #E1E1E1;
    }
    
    .table__cell:hover {
        width: 50%;
    }
    
    .table__cell .hide-content {
        display: none;
        opacity: 0;
        transition: opacity 100ms cubic-bezier(0.4, 0.0, 0.2, 1);
        transition-delay: 0;
    }
    
    .table__cell:hover .hide-content {
        display: block;
        opacity: 1;
        width: 100%;
        height: 100%;
        padding: 30px;
    }
    
    .table__cell:hover .hide-content .table__cell .show-content .content {
        visibility: visible;
        opacity: 1;
    }
    
    .table__cell .hide-content .table__cell .show-content .content {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 600ms, visibility 600ms;
        transition: opacity 600ms, visibility 600ms;
    }
    
    .table__cell:hover .show-content {
        display: none;
        opacity: 0;
        transition: opacity 500ms cubic-bezier(0.4, 0.0, 0.2, 1);
        transition-delay: 500ms;
    }
    
    .platform-preview {
        text-align: center;
    }
    
    .platform-preview img {
        width: 40%;
        margin-bottom: 2vh;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .table__cell .platform-img {
        opacity: 0;
        transition: opacity 1s cubic-bezier(0.4, 0.0, 0.2, 1);
        transition-delay: 1s;
        max-width: 110px;
    }
    
    .platform-preview .img-fluid {
        width: 80px;
    }
    
    .table__cell:hover .platform-img {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 1vh;
        border-radius: 5px;
        border: 5px solid #FFFFFF;
        -webkit-box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.3);
        opacity: 1;
    }
    
    .platform-more-btn {
        color: #515151bd !important;
        font-size: 10pt !important;
        border-color: #515151bd;
        font-weight: 500 !important;
        text-align: center;
        background-color: #F8F8F8;
        border-radius: 10px;
        border: 2px solid #515151bd !important;
        width: 100%;
        float: left;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    
    .w3-animate-left {
        position: relative;
        animation: animateleft 1.5s
    }
    
    @keyframes animateleft {
        from {
            left: -300px;
            opacity: 0
        }
        to {
            left: 0;
            opacity: 1
        }
    }
    
    .w3-animate-right {
        position: relative;
        animation: animateright 1s
    }
    
    @keyframes animateright {
        from {
            right: -300px;
            opacity: 0
        }
        to {
            right: 0;
            opacity: 1
        }
    }
    
    .w3-animate-top {
        position: relative;
        animation: animatetop 3.5s
    }
    
    @keyframes animatetop {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: 0;
            opacity: 1
        }
    }
    
    .partners-title {
        padding-top: 4vh;
        padding-bottom: 3vh;
    }
    
    .fiocruz-relationship {
        margin-bottom: 5vh;
    }
    
    .footer-logo-fiocruz {
        width: 60px;
        margin-bottom: 2vh;
    }
    
    .copyright-image-footer {
        padding-top: 2vh;
        padding-bottom: 2vh;
        padding-left: 3vh;
        padding-right: 3vh;
        text-align: center;
    }
    
    .copyright-image-footer img {
        /* width: 150px; */
        max-height: 50px;
    }
    
    .fiocruz-copyright-image-footer img {
        /* width: 150px; */
        max-height: 60px;
    }
    
    .post-the-date {
        font-size: 9pt;
        color: #6d6d6d;
        margin-bottom: 0;
    }
    
    .post-the-date span {
        color: #D75A1E;
    }
    
    .fiocruz-general-template-image {
        background-position: 50% 40%;
        position: relative;
        background-size: cover;
        height: 50%;
        overflow: hidden;
        margin-bottom: 1vh;
    }
    
    .fiocruz-general-template-jumbotron {
        background-color: transparent !important;
        padding: 5vh 1vh !important;
        color: #FFFFFF;
        margin-top: 1vh;
        margin-bottom: 0 !important;
    }
    
    .breadcrumb {
        font-size: 10pt;
    }
    
    .breadcrumb-item a {
        color: #D75A1E;
    }
    
    .quick-access-menu-general ul {
        padding-left: 0 !important;
    }
    
    .quick-access-menu-general ul li {
        width: 100%;
        padding-left: 2vh;
        padding-right: 2vh;
        padding-top: 1vh;
        padding-bottom: 1vh;
        font-size: 10pt;
        background-color: #e9ecef;
        margin-bottom: 0.5vh !important;
        display: inline-block;
        border-radius: 5px;
    }
    
    .quick-access-menu-general ul li a {
        color: #00004D;
    }
    
    .quick-access-menu-general ul li a:hover {
        color: #D75A1E;
    }
    
    .quick-acess-menu-title {
        text-transform: uppercase;
        color: #515151;
        font-size: 12pt;
    }
    
    .quick-access-menu-general .menu {
        position: relative; /*!important;*/
    }
    
    .notice-row-general-template {
        margin-top: 30px;
    }
    
    .page-content-general {
        /* text-align: justify; */
        padding-bottom: 2vh !important;
        /* margin-bottom: 4vh; */
    }
    
    .notice-thumbnail {
        width: 100%;
        height: 250px !important;
        object-fit: cover;
        object-position: center;
    }
    
    .image-overlay {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
    
    .notice-title-page {
        color: #00004D;
        text-decoration: none;
    }
    
    .notice-title-page:hover {
        color: #D75A1E;
        text-decoration: none;
    }
    
    .notice-abstract-page {
        color: #e2e2e2 !important;
    }
    
    .notice-publication-date {
        font-size: 10pt;
    }
    
    .notice-publication-date a {
        color: #D75A1E;
        text-decoration: none;
    }
    
    .search-notice {
        float: right;
    }
    
    .search-notice input,
    button {
        float: right;
    }
    
    .notice-thumbnail-one {
        max-width: 800px;
        /* height: 30% !important; */
        object-fit: cover;
        object-position: top;
        text-align: center;
    }
    
    .notice-page-title {
        text-decoration: none;
        color: #FFFFFF;
    }
    
    .notice-page-title:hover {
        text-decoration: none;
        color: #FFFFFF;
    }
    
    .wp-block-image img {
        /* max-width: 600px !important; */
        max-width: 100% !important;
        max-height: 50% !important;
    }
    
    .read-more-notice-button {
        background-color: #00004D !important;
        color: #FFFFFF !important;
        float: left;
        font-size: 9pt !important;
        font-weight: 700 !important;
        text-transform: uppercase;
    }
    
    .search-content-fiocruz {
        float: right !important;
        width: 100%;
        align-items: flex-end;
    }
    
    #menu-menu-principal li a {
        /* background-color: #D75A1E; */
        margin-right: 0 !important;
        padding: 8px;
    }
    
    .dropdown:hover>.dropdown-menu {
        display: block;
    }
    
    .dropdown-submenu {
        position: relative;
    }
    
    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
    
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
    
    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }
    
    .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
    }
    
    .dropdown-submenu.pull-left {
        float: none;
    }
    
    .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }
    
    .dropdown-toggle::after {
        display: none !important;
    }
    
    .dropdown-menu {
        padding-top: 1vh !important;
        padding-left: 1vh !important;
        padding-right: 1vh !important;
        padding-bottom: 2vh !important;
    }
    
    .menu-item .dropdown-item {
        width: 100%;
        padding-bottom: 1vh;
        padding-top: 1vh;
        border-bottom: 2px solid #D75A1E !important;
    }
    
    .pagination {
        text-align: center !important;
    }
    
    .page-item.active .page-link {
        background-color: #D75A1E !important;
        border: 0 !important;
        color: #FFFFFF !important;
    }
    
    .page-link {
        color: #00004D !important;
    }
    
    .error404-content {
        height: 40vh;
    }
    
    .widget_recent_entries ul {
        list-style-type: none;
    }
    
    .widget_recent_entries ul li a {
        text-decoration: none;
        color: #D75A1E;
        font-size: 12pt;
        text-align: center;
    }
    
    .nav-link {
        text-align: center;
    }
    
    .navbar-expand-lg {
        width: 100% !important;
    }
    
    .sup-nav-item {
        color: #FFFFFF !important;
        font-size: 10pt;
    }
    
    ul#menu-menu-topo.menu {
        list-style-type: none;
        display: inline;
    }
    
    #aumentar-fonte,
    #diminuir-fonte,
    #autocontraste {
        cursor: pointer;
    }
    
    .contraste {
        background-color: #000000;
        color: #FFFFFF;
    }
    
    .contraste .logo-fiocruz {
        filter: brightness(100);
    }
    
    .contraste .nav-link span {
        color: #FFFFFF;
    }
    
    .contraste .top-bar {
        background-color: #000000;
        border-bottom: 1px solid #FFFFFF;
    }
    
    .contraste .fiocruz-button {
        background-color: #FFFFFF !important;
        color: black !important;
    }
    
    .contraste .fa-angle-right {
        color: #000000 !important;
    }
    
    .contraste .fiocruz-covid-card {
        border: 4px solid #fbff00 !important;
    }
    
    .contraste .fiocruz-covid-card h5 {
        color: #000000 !important;
    }
    
    .contraste .covid-19-btn {
        background-color: #000000 !important;
        border: 3px solid #FFFFFF !important;
        color: #FFFFFF !important;
    }
    
    .contraste .fiocruz-last-news {
        background-color: #FFFFFF !important;
    }
    
    .contraste .fiocruz-last-news p {
        color: #000000 !important;
    }
    
    .contraste .fiocruz-last-news h5 {
        color: #000000 !important;
    }
    
    .contraste .fiocruz-last-news span {
        color: #ff0000 !important;
    }
    
    .contraste .news-more-btn {
        background-color: #000000 !important;
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
    }
    
    .contraste .platform-preview img {
        filter: grayscale(100%) brightness(0%);
    }
    
    .contraste .platform-preview h5 {
        color: #000000 !important;
    }
    
    .contraste .platform-preview h6 {
        color: #000000 !important;
    }
    
    .contraste .platform-preview p {
        color: #000000 !important;
    }
    
    .contraste .platform-preview button {
        background-color: #000000 !important;
        color: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
    }
    
    .contraste .container-jobs {
        background-color: #000000 !important;
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
    }
    
    .contraste .container-footer {
        background-color: #000000 !important;
    }
    
    .contraste .notice-title-page {
        color: #FFFFFF !important;
    }
    
    .contraste .badge-warning {
        background-color: #fbff00 !important;
        color: #000000 !important;
    }
    
    .contraste .badge-warning a {
        background-color: #fbff00 !important;
        color: #000000 !important;
    }
    
    .contraste .notice-publication-date span {
        color: #fbff00 !important;
    }
    
    .contraste .notice-publication-date a {
        color: #fbff00 !important;
    }
    
    .contraste .read-more-notice-button {
        background-color: #FFFFFF !important;
        color: #000000 !important;
    }
    
    .btn-research-line {
        text-decoration: none !important;
        color: #D75A1E !important;
    }
    
    figcaption {
        font-size: 9pt;
    }
    
    .main-accordion {
        width: 100%;
    }
    
    .wp-block-button__link {
        font-size: 10pt;
        color: #D75A1E !important;
        border: 2px solid #D75A1E !important;
        background-color: transparent !important;
    }
    
    .wp-block-button__link:hover {
        font-size: 10pt;
        color: #FFFFFF !important;
        border: 2px solid #D75A1E !important;
        background-color: #D75A1E !important;
        text-decoration: none;
    }
    
    .wp-block-button__link:hover a {
        text-decoration: none;
    }
    
    .wp-block-button__link a {
        text-decoration: none;
    }
    
    .projects-div {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    
    .project-col {
        border-radius: 20px;
        margin-left: 2.5px;
        margin-right: 2.5px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin-bottom: 10px;
        width: 100%;
        height: 0;
        padding-top: 100%;
        filter: drop-shadow(2px 4px 6px #1212121a);
        border: 5px solid #ffffff;
    }
    
    .project-name {
        margin-top: -25% !important;
        text-align: center;
        display: block !important;
        visibility: hidden;
    }
  


    .div-geppes {
        background-image: url('img/image3419.png');
    }
  

    .div-geppes:hover {
        -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        transition: all 1s ease;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.01)), url('img/image3419.png');
    }
    
    .div-geppes:hover .project-name {
        visibility: visible;
    }




    .div-lariisa {
        background-image: url('img/logo-lariisa.png');
    }
    
    .div-lariisa:hover {
        -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        transition: all 1s ease;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.01)), url('img/logo-lariisa.png');
    }
    
    .div-lariisa:hover .project-name {
        visibility: visible;
    }






    .div-renasf {
        background-image: url('img/logo-renasf.png');
    }
    
    .div-renasf:hover {
        -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        transition: all 1s ease;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.01)), url('img/logo-renasf.png');
    }
    
    .div-renasf:hover .project-name {
        visibility: visible;
    }
    
    .div-serpovos {
        background-image: url('img/logo-serpovos.png');
    }
    
    .div-serpovos:hover {
        -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        transition: all 1s ease;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.01)), url('img/logo-serpovos.png');
    }
    
    .div-serpovos:hover .project-name {
        visibility: visible;
    }
    


.div-nit {
        background-image: url('/portal/wp-content/uploads/ParcGestec.png');
    }
    
    .div-nit:hover {
        -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        transition: all 1s ease;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.01)), url('https://ceara.fiocruz.br/portal/wp-content/uploads/ParcGestec.png');
    }
    
    .div-nit:hover .project-name {
        visibility: visible;
    }
    .typing-demo {
        width: 48ch;
        animation: typing 4s steps(22), blink .5s step-end infinite alternate;
        white-space: nowrap;
        overflow: hidden;
        border-right: 3px solid;
        font-size: 2em;
    }

 .div-genoma {
        background-image: url('/portal/wp-content/uploads/Rede-genomica.png');
    }
    .div-genoma:hover {
        -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        transition: all 1s ease;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.01)), url('/portal/wp-content/uploads/Rede-genomica.png');
    }
    
    .div-genoma:hover .project-name {
        visibility: visible;
    }
    
    @keyframes typing {
        from {
            width: 0
        }
    }
    
    @keyframes blink {
        50% {
            border-color: transparent
        }
    }
    /** Área de serviços*/
    
    .service {
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 280px;
    }
    
    .service:hover .service-container {
        transform: scale(0.54);
    }
    
    .service-container {
        -webkit-tap-highlight-color: transparent;
        transform: scale(0.48);
        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
        width: 400px;
        text-align: center;
    }
    
    .service-container:hover {
        transform: scale(0.54);
    }
    
    .service-container-inner {
        clip-path: path( "M 390,400 C 390,504.9341 304.9341,590 200,590 95.065898,590 10,504.9341 10,400 V 10 H 200 390 Z");
        /* position: relative; */
        transform-origin: 50%;
        top: -200px;
    }
    
    .service-circle {
        background-color: #fee7d3;
        border-radius: 50%;
        cursor: pointer;
        height: 380px;
        left: 10px;
        pointer-events: none;
        position: absolute;
        top: 210px;
        width: 380px;
    }
    
    .service-img {
        pointer-events: none;
        position: relative;
        transform: translateY(20px) scale(1.15);
        transform-origin: 50% bottom;
        transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .service-container:hover .img {
        transform: translateY(0) scale(1.2);
    }
    
    .service-img1 {
        left: 22px;
        top: 164px;
        width: 150px;
    }
    
    .service-img2 {
        left: -46px;
        top: 174px;
        width: 444px;
    }
    
    .service-img3 {
        left: -16px;
        top: 144px;
        width: 466px;
    }
    
    .service-divider {
        background-color: #ca6060;
        height: 1px;
        width: 160px;
    }
    
    .service-name {
        color: #404245;
        font-size: 20pt;
        font-weight: 600;
        text-align: center;
    }
    
    .service-title {
        color: #6e6e6e;
        font-family: arial;
        font-size: 14px;
        font-style: italic;
        margin-top: 4px;
    }
    
    .service-title a {
        color: #D75A1E;
    }
    
    .service-title a:hover {
        color: #D75A1E;
    }