@charset "utf-8";

/*
    Theme name: FarmaDot - 2026
    Author: CMMG - Hub Tecnológico
    Author URI: https://cmmg.edu.br/diferenciais/hub-tecnologico/
    Version: 2026.07.20
    Requires at least: 6.4
    Tested up to: 6.4
    Requires PHP: 7.4
    Text domain: __cmmg

    Description: Tema desenvolvido para a página FarmaDot FELUMA
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root{

    --fdotCorHexSecundaria : #E8A020;
    --fdotCorHexAzulEscuro : #0A1F5C;
    --fdotCorHexAzulNavy   : #060E2B;
    --fdotCorHexBranco     : #FEFEFE;
    --fdotCorHexOffWhite   : #F4F6FA;
    --fdotCorHexAmarelo    : #fff3d6;
    --fdotCorHexPreto      : #010413;
    --fdotCorHexCinzaTxt   : #64748B;
}

body{

    font-family : 'Plus Jakarta Sans', sans-serif;
    color       : var(--fdotCorHexCinzaTxt);
}

main{

    background-color : var(--fdotCorHexBranco);
}

section {

    padding : 8em 3em;
}

section > div{

    max-width : 1200px;
    margin    : 0 auto;
}

h1, h2, h3, h4, h5, h6 {

    color       : var(--fdotCorHexBranco);
    line-height : 1.5em;
    font-weight : 800;
    font-family : 'Plus Jakarta Sans', sans-serif;
}

h2:first-child {

    margin : 0;
}

p {

    font-weight : 400;
}

/*---------- Padrões ----------*/

.spanTag {

    color          : var(--fdotCorHexSecundaria);
    text-transform : uppercase;
    font-weight    : 700;
    font-size      : 0.9em;
    letter-spacing : 0.1em;
}

.container h2 {

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

.container h2 > span {

    color : var(--fdotCorHexSecundaria);
}

.traço {

    font-size   : 4em;
    color       : var(--fdotCorHexSecundaria);
}


/*---------- Padronização Box com Lista----------*/

.listaDupla {

    display         : flex;
    flex-direction  : row;
    justify-content : space-evenly;
    gap             : 2%;
}

.listaDupla ul {

    margin-top   : 0;
    padding-left : 1em;
}

.listaDupla li {

    list-style-type : disc;
    color           : var(--fdotCorHexOffWhite);
    font-size       : 0.95em;
    line-height     : 2em;
    font-weight     : 300;
}

.listaHoje {

    width            : 50%;
    padding          : 2em;
    background-color : var(--fdotCorHexAzulEscuro);
    border-radius    : 1.25em;
    border-left      : 4px solid #dc2626;
}

.listaHoje h4 {

    font-size      : 0.75em;
    color          : #fca5a5;
    text-transform : uppercase;
    margin-bottom  : 1em;
}

.listaHoje li::marker {

    color     : #dc2626;
    font-size : 1.3em;
}

.listaFarmadot {

    width            : 50%;
    padding          : 2em;
    background-color : var(--fdotCorHexAzulEscuro);
    border-radius    : 1.25em;
    border-left      : 4px solid var(--fdotCorHexSecundaria);
}

.listaFarmadot h4 {

    font-size      : 0.75em;
    color          : var(--fdotCorHexSecundaria);
    text-transform : uppercase;
    margin-bottom  : 1em;
}

.listaFarmadot li::marker {

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


/*---------- Navegação ----------*/

#__cmmgNav.__cmmgNavRolagem {

    background-color: var(--fdotCorHexBranco);
    display: flex;
    justify-content: space-between;;
}

#__cmmgLayoutMenuPrincipal {

    margin: 0;
}

#__cmmgLayoutMenuPrincipal li {

    margin: auto 0.5em;
}

#__cmmgLayoutMenuPrincipal a:not(.__cmmgBotao) {

    font-size: 0.75em;
    font-weight: 600;
    --cmmgLinkCorHex1: var(--cmmgCorHexPrincipal);
    padding: 0;
}

#__cmmgLayoutMenuPrincipal li:last-child a {
 
    margin: 0 0 0 4em;
    padding: 0.7em;
    color: var(--fdotCorHexBranco) !important;
    background-color: var(--cmmgCorHexPrincipal);
    border-radius: 5px;
}

#__cmmgNav.__cmmgNavRolagem #__cmmgLogoHeader img {
 
    height: 2em;
}

.__cmmgLayoutMenuPrincipalBotao .material-symbols-rounded {

    color: var(--cmmgCorHexPrincipal);
}

#__cmmgLayoutMenuPrincipal li:first-child {

    margin: auto 0.5em;
}


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

.fdotBanner {

    background-image: linear-gradient(90deg, var(--cmmgCorHexPrincipal) 99%, var(--fdotCorHexSecundaria) 98%);
}

.containerBanner {

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

.textoBanner {

    width : 50%;
}

.textoBanner h1 {

    font-size      : 3.9em;
    line-height    : 1.05;
    letter-spacing : -0.025em;
    color          : var(--fdotCorHexBranco);
    margin         : 0.2em 0;
}

.textoBanner h1 > span {

    color : var(--fdotCorHexSecundaria);
}

.textoBanner p {

    font-size   : 1.125em;
    line-height : 1.50em;
    margin      : 1em 0;
    color       : var(--fdotCorHexOffWhite)
}

.botoesBanner {

    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    column-gap      : 5%;
}

.botaoFarmaceuticos {

    --cmmgBotaoCorHex1   : var(--fdotCorHexSecundaria) !important;
    --cmmgBotaoCorHexTxt : var(--fdotCorHexAzulEscuro);
    border-radius        : .75em;
    padding              : 1em 1.5em !important;
    font-weight          : 700;

}

.botaoIndustria {

    font-weight          : 700;
    --cmmgBotaoCorHex1   : var(--fdotCorHexBranco) !important;
    --cmmgBotaoCorHexTxt : var(--fdotCorHexAzulEscuro);
    border-radius        : .75em;
    padding              : 1em 1.5em !important;
    border-color         : var(--fdotCorHexBranco) !important;
}

.appBanner {

    display         : flex;
    justify-content : center;
    width           : 50%;
}

.appBanner img {

    width         : 25em;
    border-radius : 2em;
    box-shadow    : 0 30px 60px -15px rgba(0, 0, 0, 0.5);
}


/*---------- Problema ----------*/

.fdotProblema {

    background : var(--fdotCorHexAzulEscuro);
}

.containerProblema {

    display        : grid;
    grid-auto-flow : column;
    column-gap     : 1em;
    padding-top    : 2em;
}

.problemas {

    padding          : 2em;
    background-color : #142e7a;
    border-radius    : 1.25em;
    border-top       : 4px solid var(--fdotCorHexSecundaria);
}

.problemas h3 {

    font-size     : 1.1em;
    color         : var(--fdotCorHexSecundaria);
    margin-bottom : 0.5em;
}

.problemas p {

    line-height : 1.5em;
    color       : var(--fdotCorHexOffWhite);
    margin-top  : 0.5em;
}

.resultadoProblema {

    color            : var(--fdotCorHexBranco);
    background-color : #7f1d1d;
    border           : 1px solid #b91c1c; 
    border-radius    : .75em;
    font-weight      : 700;
    padding          : 1.3em 1.5em;
    text-align       : center;
}

.farmaDotProblema {

    font-size        : 1.12em;
    color            : var(--fdotCorHexAzulEscuro);
    background-color : var(--fdotCorHexSecundaria);
    border-radius    : .75em;
    font-weight      : 800;
    padding          : 1.3em 1.5em;
    text-align       : center;
}


/*---------- Farmacêutico ----------*/

.fdotFarmaceuticos {

    background-color: var(--fdotCorHexOffWhite);
}

.fdotFarmaceuticos h2 {

    color : var(--fdotCorHexAzulEscuro);
}

.fdotFarmaceuticos p {

    margin : 0 0 2em 0;
}

.topicosSolucoes {

    display        : grid;
    grid-auto-flow : column;
    column-gap     : 1em;
    padding-top    : 2em;
}

.solucoes {

    padding          : 1.5em;
    background-color : var(--fdotCorHexBranco);
    border-radius    : 1.25em;
    border           : 1px solid #e2eaf2;
}

.solucoes span {

    font-size        : 1em;
    font-weight      : 800;
    color            : var(--fdotCorHexSecundaria);
    background-color : var(--fdotCorHexAzulEscuro);
    padding          : 0.7em;
    border-radius    : 10px;
}

.solucoes h3 {

    font-size : 1.13em;
    color     : var(--fdotCorHexAzulEscuro);
    margin    : 1em 0 0.5em 0;
}

.solucoes p {

    font-size   : 0.9em;
    line-height : 1.5em;
    color       : var(--fdotCorHexCinzaTxt);
    margin      : 0.5em 0;
}


/*---------- Paciente  ----------*/

.fdotPaciente {

    background-color: var(--fdotCorHexBranco);
}

.fdotPaciente h2 {

    color : var(--fdotCorHexAzulEscuro);
}

.fdotPaciente p {

    margin : 0 0 2em 0;
}

.apoioNecessario {

    color            : var(--fdotCorHexAzulEscuro);
    background-color : #dbeafe;
    border           : 1px solid #93c5fd; 
    border-radius    : .75em;
    font-weight      : 600;
    padding          : 1.3em 1.5em;
    margin           : 2em 0 0 0 !important;
}


/*---------- Ecossistema ----------*/

.fdotEcossistema {

    background-color : var(--fdotCorHexOffWhite);
}

.fdotEcossistema h2 {
    
    color : var(--fdotCorHexAzulEscuro);
}

.containerCadeia {

    display         : flex;
    flex-direction  : row;
    justify-content : space-around;
    margin          : 2em 0;
}

.containerCadeia span {

    display         : flex;
    align-items     : center;
    justify-content : center;
    font-size       : 0.9em;
    font-weight     : 700;
    padding         : 1.5em 1em;
    border-radius   : 15px;
    text-align      : center;
    line-height     : 1.30em;
    width           : 13%;
}

.cadeiaAzul {

    color            : var(--fdotCorHexBranco);
    background-color : var(--cmmgCorHexPrincipal);
}

.cadeiaAmarelo {

    color            : var(--fdotCorHexAzulEscuro);
    background-color : var(--fdotCorHexSecundaria);
}

.cadeiaVerde {

    color            : var(--fdotCorHexBranco);
    background-color : #15803d;
}

.listaReport {

    width            : 50%;
    padding          : 2em;
    border-radius    : 1.25em;
    background-color : var(--fdotCorHexAzulEscuro);
}

.listaReport h4 {

    font-size      : 1.3em;
    font-weight    : 800;
    color          : var(--fdotCorHexSecundaria);
    margin-bottom  : 0.5em;
}

.listaReport li::marker {

    font-size : 1em;
}

.diferente {

    display     : flex;
    align-items : center;
    font-size   : 3em;
    font-weight : 800;
    color       : var(--fdotCorHexSecundaria);
}

.listaResearch {

    width            : 50%;
    padding          : 2em;
    background-color : var(--fdotCorHexSecundaria);
    border-radius    : 1.25em;
}

.listaResearch h4 {

    font-size      : 1.3em;
    font-weight    : 800;
    color          : var(--fdotCorHexAzulEscuro);
    margin-bottom  : 0.5em;
}

.listaResearch li {

    color : var(--fdotCorHexAzulEscuro) !important;
}

.listaResearch li::marker {

    font-size : 1.2em;
}


/*---------- Inteligência Contínua ----------*/

.fdotInteligencia {

    background-color : var(--fdotCorHexBranco);
}

.fdotInteligencia h2 {

    color : var(--fdotCorHexAzulEscuro);
}

.gridDimensoes {

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

.gridDimensoes div{

    max-width     : 31%;
    border        : 1px solid #e2e8f0;
    margin        : 0 0 2em 0;
    border-radius : 15px;
}

.dimensoes h4 {

    font-size               : 1.12em;;
    color                   : var(--fdotCorHexBranco);
    padding                 : 1em 1.5em;
    margin                  : 0;
    background-color        : var(--fdotCorHexAzulEscuro);
    border-top-left-radius  : 15px;
    border-top-right-radius : 15px;
}

.dimensoes p {

    font-size   : 0.95em;
    line-height : 1.5em;
    padding     : 1.5em;
    color       : var(--fdotCorHexCinzaTxt);
    margin      : 0;
}

.dimensaoAzul {

    background-color : var(--cmmgCorHexPrincipal) !important;
}

.dimensaoVerde {

    background-color : #0e7c86 !important;
}

.inteligenciaReport {

    color            : var(--fdotCorHexAzulEscuro);
    background-color : var(--fdotCorHexAmarelo);
    border           : 1px solid var(--fdotCorHexSecundaria);
    border-radius    : .75em;
    font-weight      : 600;
    padding          : 1.3em 1.5em;
    text-align       : center;
    margin           : 2em 0 0 0;
}


/*---------- Pesquisa Ativa ----------*/

.fdotPesquisa {

    background-color : var(--fdotCorHexOffWhite);
}

.fdotPesquisa h2{

    color : var(--fdotCorHexAzulEscuro);
}

.fdotPesquisa p {

    margin : 0 0 2em 0;
}

.fdotPesquisa li {

    display          : flex;
    align-items      : center;
    padding          : 1.3em 1.5em;
    background-color : var(--fdotCorHexBranco);
    border-radius    : 15px;
    border           : 1px solid var(--cmmgCorHexPrincipal);
    border-left      : 4px solid var(--cmmgCorHexPrincipal);
    gap              : 1em;
    margin-bottom    : 1em;
}

.fdotPesquisa li > h3 {

    font-size : 1.15em;
    color     : var(--fdotCorHexAzulEscuro);
    margin    : 0;
    min-width : 35%;
}

.fdotPesquisa li > p {

    margin : 0;
}

.fdotPesquisa li:first-child {

    border      : 1px solid var(--fdotCorHexAzulEscuro);
    border-left : 4px solid var(--fdotCorHexAzulEscuro);
}

.fdotPesquisa li:last-child {

    border      : 1px solid #15803d;
    border-left : 4px solid #15803d;
}

.bordaTurquesa {

    border      : 1px solid #0e7c86 !important;
    border-left : 4px solid #0e7c86 !important;
}

.bordaCinza {

    border      : 1px solid #e2e8f0 !important;
    border-left : 4px solid #e2e8f0 !important;
}

.pesquisaProblema {

    color            : var(--fdotCorHexAzulEscuro);
    background-color : var(--fdotCorHexAmarelo);
    border           : 1px solid var(--fdotCorHexSecundaria);
    border-radius    : .75em;
    font-weight      : 700;
    padding          : 1.3em 1.5em;
    text-align       : center;
    margin           : 3em 0 0 0 !important;    
}


/*---------- Industria ----------*/

.fdotIndustria {

    background-image: linear-gradient(90deg, var(--cmmgCorHexPrincipal) 99%, var(--fdotCorHexSecundaria) 98%);
}

.regraIndustria {

    color            : var(--fdotCorHexAzulEscuro);
    background-color : var(--fdotCorHexAmarelo);
    border           : 1px solid var(--fdotCorHexSecundaria);
    border-radius    : .75em;
    font-weight      : 700;
    padding          : 1.3em 1.5em;
    margin           : 1em 0 0 0;  
}

.contianerIndustria {

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

.industria {

    padding          : 1.5em;
    background-color : #142e7a;
    border-radius    : 1.25em;
    border-top       : 4px solid var(--fdotCorHexSecundaria);
    max-width        : 27%;
}

.industria h3 {

    font-size     : 1.1em;
    color         : var(--fdotCorHexSecundaria);
    margin-bottom : 0.5em;
}

.industria p {

    font-size   : 0.95em;
    line-height : 1.5em;
    color       : var(--fdotCorHexOffWhite);
    margin-top  : 0.5em;
}


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

.fdotDiferenciais {

    background-color: var(--fdotCorHexBranco);
}

.fdotDiferenciais h2 {

    color: var(--fdotCorHexAzulEscuro);
}

.contianerDiferenciais {

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

.diferenciais {

    display         : flex;
    flex-direction  : column;
    padding         : 1.5em;
    border-radius   : 1.25em;
    border          : 1px solid #e2eaf2;
    max-width       : 26%;
}

.diferenciais h3 {

    font-size     : 1.13em;
    color         : var(--fdotCorHexAzulEscuro);
    margin        : 0 0 0.5em 0;
}

.diferenciais:nth-child(2) h3 {

    color : var(--cmmgCorHexPrincipal);
}

.diferenciais:nth-child(3) h3 {

    color : #b91c1c;
}

.diferenciais:nth-child(4) h3 {

    color : var(--fdotCorHexSecundaria);
}

.diferenciais:nth-child(5) h3 {

    color : #0e7c86;
}

.diferenciais:nth-child(6) h3 {

    color : #15803d;
}

.diferenciais p {

    font-size   : 0.95em;
    line-height : 1.5em;
    color       : var(--fdotCorHexCinzaTxt);
    margin-top  : 0.5em;
}


/*---------- A Feluma ----------*/

.fdotFeluma {

    background-color: var(--fdotCorHexOffWhite);
}

.fdotFeluma h2 {

    color: var(--fdotCorHexAzulEscuro);
}

.fdotFeluma p:first-of-type {

    margin: 0 0 2em 0; 
}

.containerFeluma {

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

.feluma {

    padding       : 1.5em;
    border-radius : 1em;
    border        : 1px solid #e2eaf2;
    width         : 25%;
}

.feluma h3 {

    font-size     : 2.3em;
    color         : var(--fdotCorHexAzulEscuro);
    margin-bottom : 0.5em;
}

.azul {

    background-color : var(--cmmgCorHexPrincipal);
}

.azul h3 {

    line-height : 1.4em;
    margin      : 0;
    color       : var(--fdotCorHexSecundaria);
}

.azul p {

    font-size   : 0.90em;
    line-height : 1.5em;
    color       : var(--fdotCorHexOffWhite);
    margin      : 0 !important;
}

.amarelo {

    background-color : var(--fdotCorHexSecundaria);
}

.amarelo h3 {

    line-height : 1.4em;
    margin      : 0;
    color       : var(--fdotCorHexAzulEscuro);
}

.amarelo p {

    font-size   : 0.90em;
    font-weight : 600;
    line-height : 1.5em;
    color       : var(--fdotCorHexAzulEscuro);
    margin      : 0 !important;
}

.institutos {

    display          : flex;
    align-items      : center;
    padding          : 0.8em 1em;
    background-color : var(--fdotCorHexAzulNavy);
    border-radius    : 1em;
    border           : 1px solid #e2eaf2;
    width            : 20%;
}

.institutos p {

    font-size   : 0.75em;
    font-weight : 600;
    color       : var(--fdotCorHexBranco);
    line-height : 1.5em;
    margin      : 0 !important;
}

.consultas {

    font-size        : 1.13em;
    font-weight      : 800;
    color            : var(--fdotCorHexAzulEscuro);
    background-color : var(--fdotCorHexSecundaria);
    border-radius    : .75em;
    padding          : 1.3em 1.5em;
    text-align       : center;
}

/*---------- Estrategia ----------*/

.fdotEstrategia {

    background-image : linear-gradient(90deg, var(--cmmgCorHexPrincipal) 99%, var(--fdotCorHexSecundaria) 98%);;
}

.fdotEstrategia p {

    color  : var(--fdotCorHexOffWhite);
    margin : 0 0 2em 0;
}

.containerPilares {

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

.pilares {

    display          : flex;
    flex-direction   : column;
    padding          : 1.75em;
    background-color : #142e7a;
    border-radius    : 1em;
    width            : 43%;
}

.pilares h4{

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

.pilares p {

    font-size   : 0.95em;
    margin      : 0.5em 0;
    color       : var(--fdotCorHexOffWhite);
    font-weight : 200;
}

.pilar {

    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    align-items     : center;
}

.pilar img {

    filter : invert(71%) sepia(87%) saturate(1067%) hue-rotate(339deg) brightness(97%) contrast(92%);
    width  : 50px;
}

.pilar p {

    font-size   : 2.3em;
    font-weight : 800;
    color       : var(--fdotCorHexSecundaria);
    margin      : 0;
}

.materializa {

    font-size        : 1.13em;
    font-weight      : 800;
    color            : var(--fdotCorHexAzulEscuro) !important;
    background-color : var(--fdotCorHexSecundaria);
    border-radius    : .75em;
    padding          : 1.1em 1.3em;
    text-align       : center;
    margin           : 2em 0 0 0 !important;
}


/*---------- Parceria ----------*/

.fdotParceria h2 {

    color : var(--fdotCorHexAzulEscuro);
}

.fdotParceria p:first-of-type {

    margin : 0 0 2em 0; 
}

.containerListas {

    display         : flex;
    flex-direction  : row;
    justify-content : space-evenly;
    gap             : 2%;
}

.listasParceria {

    width         : 50%;
    border-radius : 15px;
    border        : 1px solid #e2e8f0;
}

.destaqueListas {

    padding          : 0.4em 0.5em;
    background-color : rgb(255, 255, 255, 20%);
    border-radius    : 7px;
    margin-right     : 1em;
}

.destaqueListas span {

    color : var(--fdotCorHexSecundaria);
}

.listasParceria h4 {

    font-size               : 1.13em;
    background-color        : var(--cmmgCorHexPrincipal);
    padding                 : 1.1em 1.3em;
    border-top-left-radius  : 15px;
    border-top-right-radius : 15px;
    margin                  : 0;
}

.tituloFeluma h4 {

    background-color : var(--fdotCorHexAzulEscuro);
}

.listasParceria ul {

    margin-top   : 0;
    padding      : 1.5em 3em;
}

.listasParceria li {

    list-style-type : disc;
    color           : var(--fdotCorHexCinzaTxt);
    font-size       : 0.95em;
    line-height     : 2em;
    font-weight     : 300;
}

.listasParceria p {

    margin : 0 !important;
}

.destaqueParceria {

    color            : var(--fdotCorHexBranco);
    font-size        : 1em;
    background-color : var(--fdotCorHexAzulEscuro);
    border-radius    : .75em;
    padding          : 1.1em 1.3em;
    text-align       : center;
    margin           : 2em 0 0 0 !important;
}


/*---------- Formulário ----------*/

.fdotFormulario {

    background-image: linear-gradient(90deg, var(--cmmgCorHexPrincipal) 99%, var(--fdotCorHexSecundaria) 98%);
}

.destaqueFormulario {

    color          : var(--fdotCorHexOffWhite);
    text-transform : none;
    font-weight    : 600;
    font-size      : 1em;
    line-height    : 1em;
}

.containerFormulario {

    display         : flex;
    flex-direction  : row;
    justify-content : space-around;
    align-items     : flex-start;
}

.formularioTexto {

    width : 40%;
}

.formularioTexto h2 {
    
    line-height : 1.3em;
    margin-top  : 0.5em;
}

.formularioTexto p {

    color: var(--fdotCorHexOffWhite);
}

.formulario {

    width : 40%
}


/*---------- Formulário ----------*/

.fdotFormularioContato {

    padding          : 2em;
    background-color : var(--fdotCorHexAzulEscuro);
    border-radius    : 20px;
    border           : 1px solid rgba(225, 225, 225, 0.2);
}

.__cmmgHtmlFormFieldContainer {

    display        : flex;
    flex-direction : column;
}

.__cmmgHtmlFormFieldContainer:last-child div {

    margin-bottom : 1em;
}

.__cmmgHtmlFormFieldContainer label {

    font-size      : 0.75em;
    font-weight    : 800;
    text-transform : uppercase;
    color          : rgba(225, 225, 225, 0.7);
    margin-bottom  : 0.2em;
    letter-spacing : 1px;
}

.__cmmgVermelho {

    color       : rgba(225, 225, 225, 0.7);
    margin-left : -0.5em;
}

.__cmmgHtmlFormFieldContainer input,
.__cmmgHtmlFormFieldContainer select {

    font-family      : 'Plus Jakarta Sans', sans-serif;
    font-size        : 0.9em;
    font-weight      : 600;
    color            : var(--fdotCorHexBranco);
    background-color : rgba(225, 225, 225, 0.08);
    border-radius    : 10px;
    padding          : 0.8em 1em;
    border           : 1px solid rgba(225, 225, 225, 0.2);
    margin-bottom    : 0.5em;
}

.__cmmgHtmlFormFieldContainer input:focus-visible,
.__cmmgHtmlFormFieldContainer select:focus-visible {

    outline : none;
}

.__cmmgHtmlFormFieldContainer input:focus,
.__cmmgHtmlFormFieldContainer select:focus {

    outline : 1px solid var(--fdotCorHexSecundaria);
}

.__cmmgHtmlFormFieldContainer select > option {

    color       : var(--fdotCorHexAzulEscuro);
    font-weight : 500;
}

.h-captcha {

    margin : 1em 0;
}

.formulario .__cmmgBotao {

    padding            : 1em 0 !important;
    --cmmgBotaoCorHex1 : var(--fdotCorHexSecundaria) !important;
    color              : var(--fdotCorHexAzulEscuro) !important;
    font-weight        : 800;
    font-size          : 1em;
}

.formulario .__cmmgBotao:hover {

    background-size : auto;
}

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

.fdotFooter {

    padding          : 3em;
    background-color : var(--fdotCorHexAzulNavy);
    color            : rgba(225, 225, 225, 0.7);
}

.containerFooter {

    display        : flex;
    flex-direction : column;
}

.footerInformacoes {

    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    align-items     : center;
    padding-bottom  : 2em;
}

.footerInformacoes img {

    width : 8em;
}

.footerInformacoes p {

    font-size  : 0.9em;
    margin-top : 1em;
}

.footerInformacoes p > span {

    color       : var(--fdotCorHexBranco) !important;
    font-weight : 700;
}

.footerLogo {

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

.footerMenu ul {

    columns    : 2;
    column-gap : 2em;
}

.botoesFooter {

    font-size            : 0.9em;
    font-weight          : 400;
    background-image     : none;
    border               : none;
    --cmmgBotaoCorHex1   : var(--fdotCorHexSecundaria);
    --cmmgBotaoCorHexTxt :  rgba(225, 225, 225, 0.7);
}

.footerCopy {

    display         : flex;
    flex-direction  : row;
    justify-content : space-between;
    border-top      : 1px solid var(--fdotCorHexCinzaTxt);
    padding-top     : 1em;
}

.footerCopy p {

    font-size : 0.8em;
}

.footerCopy a {

    font-size : 0.8em;
}



/*---------- RESPONSIVO ----------*/



/*---------- Navegação Mobile ----------*/

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

    #__cmmgLayoutMenuPrincipal li:first-child {

        margin: 1.5em 0.5em 0 0.5em;
    }

    #__cmmgLayoutMenuPrincipal,
    #__cmmgLayoutMenuPrincipal::before {

        background-color: var(--fdotCorHexBranco);
    }

    #__cmmgLayoutMenuPrincipal li:last-child a {

        margin: 1em auto;
        text-align: center;
    }


}







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

    .containerBanner {

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

    .textoBanner {

        width: auto;
    }

    .appBanner {

        width: auto;
    }

    .containerCadeia {

        flex-direction: column;
    }

    .containerCadeia img {

        width: 0;
    }

    .containerCadeia span {

        width  : auto;
        margin : 0.5em 0;
    }

    .gridDimensoes div {

        max-width: 100%;
    }

    .industria {

        max-width: 40%;
    }

    .contianerDiferenciais {

        justify-content: center;
    }

    .diferenciais {

        max-width: 40%;
    }

    .containerFeluma {

        flex-wrap: wrap;
    }

    .feluma {
        
        width: 40%;
    }

    .institutos {

        width: 25%;;
    }

    .pilares {

        width: 40%;
    }

    .containerFormulario {

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

    .formularioTexto {

        width: auto;
    }

    .formulario {

        width: 100%;
    }

    .botoesFooter {

        text-align : start;
        padding    : 0 !important;
    }

}


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


    /*---------- Padões ----------*/

    section {

        padding: 8em 2em;
    }

    .spanTag {

        font-size: 0.75em;
    }

    .listaDupla {

        flex-direction: column;
        gap: 1em;
        align-items: center;
    }

    .container h2 {

        font-size   : 2em;
        line-height : 1.15em;
    }


    /*---------- Elementos ----------*/

    .textoBanner h1 {

        font-size: 2.3em;
    }

    .textoBanner p {

        font-size: 0.91em;
    }

    .containerProblema {

        display: flex;
        flex-direction: column;
        gap: 1em;
    }

    .topicosSolucoes {

        display: flex;
        flex-direction: column;
        gap: 1em;
    }

}


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

    .botoesBanner {

        justify-content: space-evenly;
    }

    .botaoFarmaceuticos,
    .botaoIndustria       {

        padding   : 1em !important;
        font-size : 0.85em;
    }

    .resultadoProblema,
    .farmaDotProblema,
    .apoioNecessario,
    .inteligenciaReport,
    .pesquisaProblema,
    .regraIndustria,
    .consultas,
    .materializa,
    .destaqueParceria   {

        font-size: 0.85em;
        line-height: 1.5em;
    }

    .listaHoje,
    .listaFarmadot {

        width: auto;
    }

    .listaReport,
    .listaResearch {

        width: auto;
    }

    .fdotPesquisa li {

        flex-direction: column;
        align-items: flex-start;
        width: auto;
    }

    .industria,
    .diferenciais {

        max-width: 100%;
    }

    .feluma,
    .institutos,
    .pilares {

        width: 100%;
    }

    .containerListas {

        flex-direction: column;
    }

    .listasParceria {

        width: 100%;
    }

    .footerInformacoes,
    .footerCopy {

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

    .fdotFooter {

        padding: 3em 2em;
    }

}