@charset "utf-8";

/*
    Theme name: Saúde Digital FELUMA - 2025
    Author: CMMG - Hub Tecnológico
    Author URI: https://cmmg.edu.br/hub/apresentacao
    Version: 2025.09.22_17.25
    Requires at least: 6.4
    Tested up to: 6.4
    Requires PHP: 7.4
    Text domain: __cmmg

    Description: Tema desenvolvido para a página de Saúde Digital FELUMA
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{

    --sadiCorHexSecundaria  : #FBBC43;
    --sadiCorHexBranco      : #FEFEFE;
    --sadiCorHexPreto       : #1E1E1E;
    --sadiCorHexCinzaClaro  : #F0F0F0;
}

#__cmmgNav.__cmmgNavRolagem{

    background-color        : initial !important;
}

.__cmmgLayoutMenuPrincipalBotao{

    background-color        : var(--cmmgCorHexPrincipal);
    padding                 : 0.2em;
    border-radius           : 0.2em;
}

a, .__cmmgSublinhadoAnimado{

    background-size: 100% 1px;
}

a:hover, .__cmmgSublinhadoAnimado:hover{

    background-size: 0 1px;
}

/*---------------- Página Inicial ----------------*/

/*------------- Banner -------------*/

.sadiBanner{

    display                 : flex;
    flex-direction          : column;
    align-items             : center;
    justify-content         : center;
    min-height              : calc(100 * var(--cmmgVh) - 4em);
    background-image        : linear-gradient(180deg,rgba(24, 69, 151, 0.7) 0%, rgba(39, 81, 158, 0.7) 85%, rgba(255, 255, 255, 10) 95%), url(./imagens/geral/bannerBG.jpg);
    background-size         : cover;
    background-blend-mode   : multiply;
    background-repeat       : no-repeat;
    padding                 : 2em;
    position                : relative;
}

.sadiBanner::after{

    content                 : "";
    height                  : 100%;
    width                   : 100%;
    position                : absolute;
    backdrop-filter         : blur(3px);
    z-index                 : 0;
}

.logoBanner{

    width                   : 3em;
    position                : absolute;
    top                     : 1.5em;
    left                    : 13em;
}

.logoBannerSD{

    width                   : 8.5em;
    position                : absolute;
    top                     : 1.5em;
    left                    : 3em;
}

.conteudoBanner{

    display                 : flex;
    flex-direction          : column;
    text-align              : center;
    align-items             : center;
    max-width               : 900px;
    padding-top             : 2em;
    z-index                 : 1;
}

.conteudoBanner h1{

    color                   : var(--sadiCorHexBranco);
    font-size               : 4.5em;
    font-weight             : 800;
    margin                  : 1em 0 0.5em 0 !important;
    line-height             : 1em;
    font-family             : 'Archivo', sans-serif;
}

.conteudoBanner span{

    color                   : var(--sadiCorHexSecundaria);
}

.conteudoBanner h2{

    color                   : var(--sadiCorHexBranco);
    font-size               : 1.5em;
    font-weight             : 700;
    margin                  : 0;
    margin-bottom           : 1.5em;
}

.conteudoBanner p{

    color                   : var(--sadiCorHexBranco);
    font-size               : 1.2em;
    margin                  : 0;
    margin-bottom           : 2em;
    width                   : 80%;
    line-height             : 1.5em;
}

.conteudoBanner a{

    font-size               : 1.2em;
    text-decoration         : none;
    font-weight             : 500;
    padding                 : .5em 1.5em !important;
}

.__cmmgBotao:hover{

    color                   : var(--sadiCorHexBranco) !important;
    border-color            : var(--sadiCorHexBranco) !important;
}

/*--------------- Sobre ---------------*/

.sadiSobre{

    display                 : flex;
    flex-direction          : column;
    align-items             : center;
    padding                 : 4em;
}

.conteudoSobre{

    max-width               : 900px;
    text-align              : center;
}

.conteudoSobre h2{

    font-size               : 2.5em;
    font-family             : 'Archivo', sans-serif;
    font-weight             : 800;
    margin                  : 0 0 1em 0;
}

.conteudoSobre p{

    font-size               : 1.2em;
    font-weight             : 500;
    color                   : var(--cmmgCorHexPrincipal);
}

.conteudoSobre span{

    color                   : var(--cmmgCorHexTurquesaCmmg);
}

/*--------------- Diferenciais ---------------*/

.sadiDiferenciais{

    display                 : flex;
    flex-direction          : column;
    align-items             : center;
    padding                 : 4em;
    background-color        : var(--sadiCorHexCinzaClaro);
    color                   : var(--cmmgCorHexPrincipal);
}

.conteudoDiferenciais{

    max-width               : 950px;
}

.tituloDiferenciais{

    text-align              : center;
}

.tituloDiferenciais h2{

    font-size               : 2.5em;
    font-family             : 'Archivo', sans-serif;
    font-weight             : 800;
    margin                  : 0 0 0.5em 0;
}

.tituloDiferenciais p{

    font-size               : 1.2em;
    margin                  : 0;
    color                   : #666666;
}

.listaDiferenciais{

    display                 : flex;
    flex-direction          : row;
    flex-wrap               : wrap;
    align-items             : stretch;
    justify-content         : flex-start;
    gap                     : 2em;
}

.listaDiferenciais li{

    display                 : flex;
    flex-direction          : column;
    align-items             : flex-start;
    max-width               : 26%;
    padding                 : 2.5em 1.5em;
    background-color        : var(--sadiCorHexBranco);
    border-radius           : 0.5em;
    box-shadow              : 0px 0px 10px rgba(200, 200, 200, 1);
    justify-content         : space-between;
}

.itemLista img{

    width                   : 3em;
    padding                 : .6em;
    background-image        : linear-gradient(145deg,rgba(22, 65, 148, 1) 30%, rgba(0, 172, 161, 1) 100%);
    border-radius           : .6em;
}

.itemLista h3{

    font-size               : 1.3em;
    margin                  : 1em 0;
    text-align              : start;
}

.itemLista p{

    font-size               : 1em;
    line-height             : 1.4em;
    margin                  : 0;
}

/*--------------- Portfolio ---------------*/

.sadiPortfolio{

    display                 : flex;
    flex-direction          : column;
    align-items             : center;
    padding                 : 4em;
}

.conteudoPortfolio{

    max-width               : 1000px;
}

.tituloPortfolio{

    text-align              : center;
}

.tituloPortfolio h2{

    font-size               : 2.5em;
    font-family             : 'Archivo', sans-serif;
    font-weight             : 800;
    margin                  : 0 0 0.5em 0;
}

.tituloPortfolio p{

    font-size               : 1.2em;
    margin                  : 0;
    color                   : #666666;
}

.listaPortfolio{

    display                 : flex;
    flex-direction          : row;
    justify-content         : space-between;
    flex-wrap               : wrap;
    gap                     : 2em;
    margin-top              : 3em;

    --sadiPortfolioCor      : var(--cmmgCorHexTurquesaCmmg);
}

.listaPortfolio > li{

    min-width               : 45%;
    box-shadow              : rgb(200, 200, 200) 0px 0px 10px;
    border-radius           : 0.6em;
    border-image            : initial;
}

.tituloListaPortfolio{

    display                 : flex;
    flex-direction          : row;
    align-items             : center;
    background-color        : var(--sadiPortfolioCor);
    padding                 : 1em 1.5em;
    border-top-left-radius  : 0.5em;
    border-top-right-radius : 0.5em;
}

.tituloListaPortfolio img{

    width                   : 2.2em;
    padding                 : 0.6em;
    background-color        : rgba(255, 255, 255, 0.4);
    border-radius           : 0.5em;
}

.tituloListaPortfolio h3{

    font-size               : 1.4em;
    color                   : var(--sadiCorHexBranco);
    margin                  : 0 0 0 0.5em;
}

.topicosPortfolio{

    margin                  : 0;
    padding                 : 1em 2em;
}

.topicosPortfolio li{

    width                   : 100%;
    list-style-type         : disc;
    margin-left             : 1em;
    line-height             : 2em;
    color                   : var(--sadiCorHexPreto);
}

.topicosPortfolio li::marker{

    color                   : var(--sadiPortfolioCor);
    font-size               : 1.2em;
}

.colorProjetos{

    --sadiPortfolioCor      : var(--cmmgCorHexPrincipal);
}

.colorInteligencia{

    --sadiPortfolioCor      : var(--cmmgCorHexDouradoCmmg);
}

.colorEducacao{

    --sadiPortfolioCor      : var(--cmmgCorHexAmareloFeluma);
}

/*--------------- Segmentos ---------------*/

.sadiSegmentos{

    display                 : flex;
    flex-direction          : column;
    align-items             : center;
    padding                 : 4em;
    background-color        : var(--sadiCorHexCinzaClaro);
}

.conteudoSegmentos{

    max-width               : 900px;
}

.tituloSegmentos{

    text-align              : center;
}

.tituloSegmentos h2{

    font-size               : 2.5em;
    font-family             : 'Archivo', sans-serif;
    font-weight             : 800;
    margin                  : 0 0 0.5em 0;
}

.tituloSegmentos p{

    font-size               : 1.2em;
    margin                  : 0;
    color                   : #666666;
}

.listaSegmentos{

    display                 : flex;
    flex-direction          : row;
    gap                     : 2em;
}

.listaSegmentos li{

    display                 : flex;
    flex-direction          : column;
    margin-top              : 2em;
    min-width               : 45%;
    box-shadow              : rgb(200, 200, 200) 0px 0px 10px;
    border-radius           : 0.9em;
    border-image            : initial;
}

.iconeSegmentos{

    display                 : flex;
    flex-direction          : row;
    align-items             : center;
    background-image        : linear-gradient(130deg,rgba(22, 65, 148, 1) 20%, rgba(0, 172, 161, 1) 80%);
    padding                 : 2em;
    border-top-left-radius  : 0.9em;
    border-top-right-radius : 0.9em;
}

.iconeSegmentos img{

    width                   : 2.5em;
    padding                 : 0.5em;
    background-color        : rgba(255, 255, 255, 0.4);
    border-radius           : 0.5em;
}

.setorSegmentos{

    display                 : flex;
    flex-direction          : column;
    justify-content         : center;
    margin-left             : 1em;
    max-height              : 3em;
}

.setorSegmentos h3{

    font-size               : 1.5em;
    color                   : var(--sadiCorHexBranco);
    margin                  : 0;
}

.setorSegmentos p{

    color                   : var(--sadiCorHexBranco);
    margin                  : 0;
    line-height             : 1em;
}

.textoSegmentos{

    padding                     : 1em 2em;
    background-color            : var(--sadiCorHexBranco);
    border-bottom-left-radius   : 0.9em;
    border-bottom-right-radius  : 0.9em;
    color                       : var(--sadiCorHexPreto);
    font-size                   : 1em;
    min-height                  : 4em;
}

.colorPrivado{

    background-image            : linear-gradient(138deg,rgba(0, 172, 161, 1) 20%, rgba(251, 188, 67, 1) 80%);
}

/*--------------- Prova Social ---------------*/

.sadiProva{

    display                 : flex;
    flex-direction          : column;
    align-items             : center;
    padding                 : 4em;
    background-color        : var(--cmmgCorHexPrincipal);
}

.conteudoProva{

    display                 : flex;
    flex-direction          : column;
    align-items             : center;
    max-width               : 1080px;
}

.tituloProva{

    text-align              : center;
    padding                 : 0 10em;
}

.tituloProva h2{

    font-size               : 2.5em;
    font-family             : 'Archivo', sans-serif;
    font-weight             : 800;
    margin                  : 0 0 0.5em 0;
    color                   : var(--sadiCorHexBranco);
}

.tituloProva p{

    font-size               : 1.2em;
    margin                  : 0;
    color                   : var(--sadiCorHexBranco);
}

.listaProva{

    display                 : flex;
    flex-direction          : row;
    flex-wrap               : wrap;
    align-items             : stretch;
    justify-content         : flex-start;
    gap                     : 1.5em;
    padding-top             : 2em;
}

.listaProva li{

    display                 : flex;
    flex-direction          : row;
    align-items             : flex-start;
    max-width               : 28%;
    padding                 : 1.5em 1em;
    background-color        : rgba(225, 225, 225, 0.1);
    border-width            : 1px;
    border-style            : solid;
    border-radius           : 0.5em;
    border-color            : rgba(225, 225, 225, 0.5);
    box-shadow              : rgb(200, 200, 200) 0px 0px 2px;
}

.listaProva img{

    width                   : 2.2em;
    padding                 : 0.5em;
    background-color        : var(--cmmgCorHexTurquesaCmmg);
    border-radius           : 0.5em;
}

.listaProva h3{

    font-size               : 1.2em;
    color                   : var(--sadiCorHexBranco);
    margin                  : 0;
    line-height             : 1.5em;
}

.conteudoListaProva{

    padding-left            : 1em;
}

.conteudoListaProva p{

    font-size               : 1em;
    margin                  : 0;
    line-height             : 1.2em;
    color                   : var(--sadiCorHexBranco);
    padding-top             : 1em;
}

.tradicaoProva{

    display                 : flex;
    justify-content         : center;
    align-items             : center;
    padding                 : 1em 2.5em;
    background-color        : rgba(225, 225, 225, 0.1);
    border-width            : 1px;
    border-style            : solid;
    border-radius           : 5em;
    border-color            : rgba(225, 225, 225, 0.5);
    margin-top              : 1em;
}

.tradicaoProva img{

    width                   : 1.8em;
    padding-right           : 0.5em;
}

.tradicaoProva h3{

    font-size               : 1.2em;
    color                   : var(--sadiCorHexBranco);
    margin                  : 0;
}

/*--------------- Contato ---------------*/

.sadiContato{

    display                 : flex;
    flex-direction          : column;
    align-items             : center;
    padding                 : 4em;
    background-image        : linear-gradient(111deg,rgba(0, 172, 161, 1) 0%, rgba(22, 65, 148, 1) 30%, rgba(22, 65, 148, 1) 70%, rgba(0, 172, 161, 1) 100%);
}

.conteudoContato{

    max-width               : 800px;
    text-align              : center;
}

.conteudoContato h2{

    font-size               : 3em;
    font-family             : 'Archivo', sans-serif;
    font-weight             : 800;
    margin                  : 0 0 0.5em 0;
    color                   : var(--sadiCorHexBranco);
    line-height             : 1em;
}

.conteudoContato span{

    color                   : var(--cmmgCorHexTurquesaCmmg);
}

.conteudoContato p{

    font-size               : 1em;
    color                   : var(--sadiCorHexBranco);
    line-height             : 1.2em;
}

.dadosContato{

    display                 : flex;
    flex-direction          : row;
    justify-content         : center;
    align-items             : center;
    padding-top             : 2em;
    gap                     : 1em;
}

.dadosContato p{

    font-size               : 1.2em;
    padding                 : 0.7em 1.5em;
    background-color        : var(--sadiCorHexSecundaria);
    border-radius           : 0.3em;
    font-weight             : 600;
    margin                  : 0;
}

.dadosContato img{

    width                   : 2em;
    padding-left            : 2em;
    padding-right           : 1em;
}

.dadosContato a{

    --cmmgLinkCorHex1: var(--sadiCorHexBranco);
}

.sadiFormularioContato{

    padding-top             : 2em;
    text-align              : start;
    color                   : var(--sadiCorHexBranco);
}

.sadiFormularioContato input,
.sadiFormularioContato textarea{

    background-color        : rgba(225, 225, 225, 0.2);
    border-width            : 1px;
    border-style            : solid;
    border-radius           : 0.3em;
    border-color            : rgba(225, 225, 225, 0.5);
    box-shadow              : rgb(200, 200, 200) 0px 0px 2px;
    color                   : var(--sadiCorHexCinzaClaro);
    font-weight             : 600;
    line-height             : 1.5em;
}

.sadiFormularioContato input::placeholder{

    color                   : var(--sadiCorHexCinzaClaro);
}


.sadiFormularioContato .__cmmgBotao{

    --cmmgBotaoCorHex1      : var(--sadiCorHexBranco);
    --cmmgBotaoCorHexTxt    : var(--cmmgCorHexPrincipal);
}

.felumaContato{

    display                 : flex;
    flex-direction          : column;
    align-items             : center;
    gap                     : 0.5em;
    padding                 : 0 1em;
}

/*--------------- Footer ---------------*/

.sadiFooter{

    display                 : flex;
    flex-direction          : column;
    padding                 : 4em;
}

.conteudoFooter{

    display                 : flex;
    flex-direction          : row;
    justify-content         : space-around;
    align-items             : center;
    margin-bottom           : 1em;
}

.conteudoFooter h3{

    font-size               : 2em;
    color                   : var(--cmmgCorHexPrincipal);
    margin                  : 0;
}

.conteudoFooter p{

    font-size               : 1em;
    margin                  : 0;
}

.logoFooter{

    display                 : flex;
    align-items             : center;
    gap                     : 2em;
}

.logoSD{

    width                   : 12em;
}

.logoFeluma{

    width                   : 4em;
}

.copyFooter{

    display                 : flex;
    justify-content         : center;
    border-top              : 1px solid var(--sadiCorHexPreto);
}

.copyFooter p{

    font-size               : 0.9em;
}

/*--------------- Responsivo ---------------*/

@media only screen and (max-width: 1080px){


    .conteudoDiferenciais{

        max-width: 800px;
    }

    .listaDiferenciais{

        justify-content     : space-between;
    }

    .listaDiferenciais li{

        max-width           : 40%;
    }

    .listaPortfolio > li{

        max-width           : 20%;
    }

    .listaProva{

        justify-content     : space-between;
    }

    .listaProva li{

        max-width           : 42%;
    }
}

@media only screen and (max-width: 900px){

    .tituloListaPortfolio h3{

        font-size           : 1.2em;
    }

    .listaSegmentos{

        flex-direction      : column;
        align-items         : center;
    }

    .listaSegmentos li{

        max-width           : 70%;
    }

    .dadosContato{

        flex-direction      : column;
    }

    .conteudoFooter{

        flex-direction      : column;
        gap                 : 2em;
    }

    .dadosFooter{

        text-align          : center;
    }
}

@media only screen and (max-width: 770px){

    .listaDiferenciais{

        flex-direction      : column;
        align-items         : center;
    }

    .listaDiferenciais li{

        font-size           : 0.9em;
        max-width           : 65%;
        padding             : 1.5em;
    }

    .itemLista img{

        width               : 2em;
    }

    .listaPortfolio{

        flex-direction      : column;
        align-items         : center;
    }

    .listaPortfolio li{

        min-width           : 75%;
    }

    .tituloListaPortfolio img{

        width               : 1.5em;
    }

    .tituloListaPortfolio h3{

        font-size           : 1em;
    }

    .topicosPortfolio{

        padding             : 1em;
    }

    .topicosPortfolio li{

        font-size           : 0.9em;
        max-width           : 90%;
        line-height         : 1.5em;
    }

    .tituloProva{

        padding             : 0;
    }

    .listaProva{

        flex-direction      : column;
        align-items         : center;
    }

    .listaProva li{

        min-width           : 80%;
    }

    .conteudoListaProva h3{

        font-size           : 1em;
    }

    .conteudoListaProva p{

        font-size          : 0.9em;
    }

    .sadiSobre,
    .sadiDiferenciais,
    .sadiPortfolio,
    .sadiSegmentos,
    .sadiProva,
    .sadiContato,
    .sadiFooter{

        padding             : 2em;
    }
}

@media only screen and (max-width: 500px){

    .conteudoSobre,
    .conteudoDiferenciais,
    .conteudoPortfolio,
    .conteudoSegmentos,
    .conteudoProva,
    .conteudoContato{

        font-size           : 0.9em;
        width               : 95%;
    }

    .__cmmgLayoutMenuPrincipalBotao{

        right               : 1em;
        font-size           : 1.2em;
        top                 : calc(1.15em + var(--wp-admin--admin-bar--height));
    }

    .conteudoBanner{

        font-size           : 0.8em;
        width               : 85%;
    }

    .conteudoBanner p{

        width               : 95%;
    }

    .logoBannerSD{

        width               : 7em;
        top                 : calc(2em + var(--wp-admin--admin-bar--height));
    }

    .logoBanner{

        width               : 2.4em;
        left                : 11em;
        top                 : calc(2em + var(--wp-admin--admin-bar--height));
    }

    .listaDiferenciais li{

        max-width           : 90%;
    }

    .listaPortfolio li{

        min-width           : 90%;
    }

    .listaSegmentos li{

        max-width           : 90%;
    }

    .tradicaoProva{

        padding             : 1em;
        width               : 75%;
        text-align          : center;
        border-radius       : .5em;
    }

    .conteudoFooter{

        align-items         : unset;
    }

    .logoFooter{

        flex-direction      : column;
        justify-content     : space-between;
    }

    .copyFooter p{

        line-height         : 1.5em;
        font-size           : 0.8em;
        text-align          : center;
        padding-top         : 1em;
    }
}