@charset "utf-8";

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

:root{

        --cmmgCorHexPrincipal: #226144;
        --cmmgCorRgbPrincipal: 34, 97, 68;
    }
/***************************************************************************************************
 *
 *  EOT       - IE9 Compat Modes
 *  EOT?IEFIX - IE6-IE8
 *  WOFF2     - Super Modern Browsers
 *  WOFF      - Pretty Modern Browsers
 *  TTF       - Safari, Android, iOS
 *  SVG       - Legacy iOS
 *
 ***************************************************************************************************/

/***************************************************************************************************
 * Absara
***************************************************************************************************/

/* Bold */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 700;

    src: local('Absara Bold'), local('Absara-Bold');
    src: url('../fontes/Absara/Bold/Absara-Bold.eot');
    src: url('../fontes/Absara/Bold/Absara-Bold.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Bold/Absara-Bold.woff2') format('woff2'),
         url('../fontes/Absara/Bold/Absara-Bold.woff') format('woff'),
         url('../fontes/Absara/Bold/Absara-Bold.ttf') format('truetype'),
         url('../fontes/Absara/Bold/Absara-Bold.svg#absara') format('svg');
}

/* Bold Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 700;

    src: local('Absara Bold Italic'), local('Absara-BoldItalic');
    src: url('../fontes/Absara/BoldItalic/Absara-BoldItalic.eot');
    src: url('../fontes/Absara/BoldItalic/Absara-BoldItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/BoldItalic/Absara-BoldItalic.woff2') format('woff2'),
         url('../fontes/Absara/BoldItalic/Absara-BoldItalic.woff') format('woff'),
         url('../fontes/Absara/BoldItalic/Absara-BoldItalic.ttf') format('truetype'),
         url('../fontes/Absara/BoldItalic/Absara-BoldItalic.svg#absara') format('svg');
}

/* Light */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 300;

    src: local('Absara Light'), local('Absara-Light');
    src: url('../fontes/Absara/Light/Absara-Light.eot');
    src: url('../fontes/Absara/Light/Absara-Light.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Light/Absara-Light.woff2') format('woff2'),
         url('../fontes/Absara/Light/Absara-Light.woff') format('woff'),
         url('../fontes/Absara/Light/Absara-Light.ttf') format('truetype'),
         url('../fontes/Absara/Light/Absara-Light.svg#absara') format('svg');
}

/* Light Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 300;

    src: local('Absara Light Italic'), local('Absara-LightItalic');
    src: url('../fontes/Absara/LightItalic/Absara-LightItalic.eot');
    src: url('../fontes/Absara/LightItalic/Absara-LightItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/LightItalic/Absara-LightItalic.woff2') format('woff2'),
         url('../fontes/Absara/LightItalic/Absara-LightItalic.woff') format('woff'),
         url('../fontes/Absara/LightItalic/Absara-LightItalic.ttf') format('truetype'),
         url('../fontes/Absara/LightItalic/Absara-LightItalic.svg#absara') format('svg');
}

/* Medium */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 500;

    src: local('Absara Medium'), local('Absara-Medium');
    src: url('../fontes/Absara/Medium/Absara-Medium.eot');
    src: url('../fontes/Absara/Medium/Absara-Medium.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Medium/Absara-Medium.woff2') format('woff2'),
         url('../fontes/Absara/Medium/Absara-Medium.woff') format('woff'),
         url('../fontes/Absara/Medium/Absara-Medium.ttf') format('truetype'),
         url('../fontes/Absara/Medium/Absara-Medium.svg#absara') format('svg');
}

/* Medium Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 500;

    src: local('Absara Medium Italic'), local('Absara-MediumItalic');
    src: url('../fontes/Absara/MediumItalic/Absara-MediumItalic.eot');
    src: url('../fontes/Absara/MediumItalic/Absara-MediumItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/MediumItalic/Absara-MediumItalic.woff2') format('woff2'),
         url('../fontes/Absara/MediumItalic/Absara-MediumItalic.woff') format('woff'),
         url('../fontes/Absara/MediumItalic/Absara-MediumItalic.ttf') format('truetype'),
         url('../fontes/Absara/MediumItalic/Absara-MediumItalic.svg#absara') format('svg');
}

/* Regular */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 400;

    src: local('Absara Regular'), local('Absara-Regular');
    src: url('../fontes/Absara/Regular/Absara-Regular.eot');
    src: url('../fontes/Absara/Regular/Absara-Regular.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Regular/Absara-Regular.woff2') format('woff2'),
         url('../fontes/Absara/Regular/Absara-Regular.woff') format('woff'),
         url('../fontes/Absara/Regular/Absara-Regular.ttf') format('truetype'),
         url('../fontes/Absara/Regular/Absara-Regular.svg#absara') format('svg');
}

/* Regular Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 400;

    src: local('Absara Regular Italic'), local('Absara-RegularItalic');
    src: url('../fontes/Absara/RegularItalic/Absara-RegularItalic.eot');
    src: url('../fontes/Absara/RegularItalic/Absara-RegularItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/RegularItalic/Absara-RegularItalic.woff2') format('woff2'),
         url('../fontes/Absara/RegularItalic/Absara-RegularItalic.woff') format('woff'),
         url('../fontes/Absara/RegularItalic/Absara-RegularItalic.ttf') format('truetype'),
         url('../fontes/Absara/RegularItalic/Absara-RegularItalic.svg#absara') format('svg');
}

/* Thin */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 100;

    src: local('Absara Thin'), local('Absara-Thin');
    src: url('../fontes/Absara/Thin/Absara-Thin.eot');
    src: url('../fontes/Absara/Thin/Absara-Thin.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Thin/Absara-Thin.woff2') format('woff2'),
         url('../fontes/Absara/Thin/Absara-Thin.woff') format('woff'),
         url('../fontes/Absara/Thin/Absara-Thin.ttf') format('truetype'),
         url('../fontes/Absara/Thin/Absara-Thin.svg#absara') format('svg');
}

/* Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 100;

    src: local('Absara Thin Italic'), local('Absara-ThinItalic');
    src: url('../fontes/Absara/ThinItalic/Absara-ThinItalic.eot');
    src: url('../fontes/Absara/ThinItalic/Absara-ThinItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/ThinItalic/Absara-ThinItalic.woff2') format('woff2'),
         url('../fontes/Absara/ThinItalic/Absara-ThinItalic.woff') format('woff'),
         url('../fontes/Absara/ThinItalic/Absara-ThinItalic.ttf') format('truetype'),
         url('../fontes/Absara/ThinItalic/Absara-ThinItalic.svg#absara') format('svg');
}

/***************************************************************************************************
 * Absara Sans
***************************************************************************************************/

/* Bold */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 700;

    src: local('Absara Sans Bold'), local('AbsaraSans-Bold');
    src: url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.eot');
    src: url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.woff') format('woff'),
         url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.svg#absara-sans') format('svg');
}

/* Bold Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 700;

    src: local('Absara Sans Bold Italic'), local('AbsaraSans-BoldItalic');
    src: url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.eot');
    src: url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.svg#absara-sans') format('svg');
}

/* Light */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 300;

    src: local('Absara Sans Light'), local('AbsaraSans-Light');
    src: url('../fontes/AbsaraSans/Light/AbsaraSans-Light.eot');
    src: url('../fontes/AbsaraSans/Light/AbsaraSans-Light.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Light/AbsaraSans-Light.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Light/AbsaraSans-Light.woff') format('woff'),
         url('../fontes/AbsaraSans/Light/AbsaraSans-Light.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Light/AbsaraSans-Light.svg#absara-sans') format('svg');
}

/* Light Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 300;

    src: local('Absara Sans Light Italic'), local('AbsaraSans-LightItalic');
    src: url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.eot');
    src: url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.svg#absara-sans') format('svg');
}

/* Medium */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 500;

    src: local('Absara Sans Medium'), local('AbsaraSans-Medium');
    src: url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.eot');
    src: url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.woff') format('woff'),
         url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.svg#absara-sans') format('svg');
}

/* Medium Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 500;

    src: local('Absara Sans Medium Italic'), local('AbsaraSans-MediumItalic');
    src: url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.eot');
    src: url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.svg#absara-sans') format('svg');
}

/* Regular */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 400;

    src: local('Absara Sans Regular'), local('AbsaraSans-Regular');
    src: url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.eot');
    src: url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.woff') format('woff'),
         url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.svg#absara-sans') format('svg');
}

/* Regular Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 400;

    src: local('Absara Sans Regular Italic'), local('AbsaraSans-RegularItalic');
    src: url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.eot');
    src: url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.svg#absara-sans') format('svg');
}

/* Thin */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 100;

    src: local('Absara Sans Thin'), local('AbsaraSans-Thin');
    src: url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.eot');
    src: url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.woff') format('woff'),
         url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.svg#absara-sans') format('svg');
}

/* Thin Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 100;

    src: local('Absara Sans Thin Italic'), local('AbsaraSans-ThinItalic');
    src: url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.eot');
    src: url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.svg#absara-sans') format('svg');
}
/***************************************************************************************************
    Acordeão
***************************************************************************************************/

   .__cmmgLayoutAcordeao,
div.__cmmgLayoutAcordeaoControles {

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

.__cmmgLayoutAcordeao li {

    margin                              : 0 0 1em 0;
    padding                             : 0;
    border-color                        : var(--cmmgLayoutAcordeaoCorHexBase);
    border-width                        : 1px;
    border-radius                       : .5em;
    background-color                    : #fefefe;
}

.__cmmgLayoutAcordeao li:last-child {

    margin                              : 0;
}

.__cmmgLayoutAcordeao input[type="checkbox"] {

    display                             : none;
}

.__cmmgLayoutAcordeao label {

    display                             : block;
    text-align                          : left;
    color                               : var(--cmmgLayoutAcordeaoCorHexBase);
    font-size                           : 1.2em;
    padding                             : 1em 2em 1em 4em;
    cursor                              : initial;
}

.__cmmgLayoutAcordeao input + label {

    padding                             : 1em 2em;
    cursor                              : pointer;
}

.__cmmgLayoutAcordeao input + label::before {

    content                             : '\23F7';
    color                               : var(--cmmgLayoutAcordeaoCorHexBase);
    margin                              : 0 1em 0 0;
    font-size                           : 1.1em;
}

.__cmmgLayoutAcordeao input + label:hover::before {

    content                             : '\23F5';
}

.__cmmgLayoutAcordeao input[type="checkbox"]:checked + label::before {

    content                             : '\23F6';
}

.__cmmgLayoutAcordeao li > div {

    position                            : relative;
    top                                 : -1px;
    max-height                          : 0;
    overflow                            : hidden;
    transition                          : max-height .5s ease-out;
}

.__cmmgLayoutAcordeao input[type="checkbox"]:checked + label + div {

    max-height                          : initial;
    animation                           : __cmmgHeightAuto 1s ease-in;
}

.__cmmgLayoutAcordeao li > div > div {

    padding                             : 1em 2.4em 2em 5em;
}

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

    .__cmmgLayoutAcordeao li > div > div {

        padding                             : 1em 2.4em 2em 2em;
    }
}

.__cmmgLayoutAcordeao li > div > div li {

    margin-left                         : 1em !important;
    padding                             : 0 0 0 1em;
    list-style-type                     : disc;
    border-width                        : 0;
}

div.__cmmgLayoutAcordeaoControles {

    margin                              : 2em 0 1em 0;
    width                               : initial;
    max-width                           : 100%;
    display                             : flex;
    gap                                 : 1em;
    justify-content                     : end;
}

div.__cmmgLayoutAcordeaoControles a {

    color                               : var(--cmmgLayoutAcordeaoCorHexBase);
    font-size                           : 1em;
    font-weight                         : 400;
    line-height                         : .6em;
    border-width                        : 1px;
    border-color                        : var(--cmmgLayoutAcordeaoCorHexBase);
    border-radius                       : .2em;
    padding                             : .3em;
    min-width                           : .6em;
    height                              : .6em;
    justify-content                     : center;
}

div.__cmmgLayoutAcordeaoControles a span + span {

    margin-left                         : .2em;
}

span.__cmmgLayoutAcordeaoControles-rotulo {

    font-size                           : .8em;
}

div.__cmmgLayoutAcordeaoControles a::after {

    outline-color                       : var(--cmmgLayoutAcordeaoCorHexBase);
}

/***************************************************************************************************
    Autoblock - Consentimento de Cookies
***************************************************************************************************/

#byRemovePortal > div:first-of-type > span{

    opacity         : .7;
    font-size       : .8em;
    text-wrap       : nowrap;
    display         : flex !important;
    align-items     : center;
    border-radius   : .3em;
    border-color    : rgba(255, 255, 255, 50%);
    border-style    : solid;
    border-width    : 1px;
    padding         : .5em 1em;
    min-width       : initial;
    max-width       : 3.8em !important;
    max-height      : 3.8em;
    border-radius   : 50%;
    transition      : all .25s ease-in-out;
    background-color: var(--cmmgCorHexPrincipal) !important;
}

#byRemovePortal > div:first-of-type > span:hover{

    opacity      : 1;
    border-radius: .3em;
    max-width    : 20em !important;
}

#byRemovePortal > div:first-of-type > span img{

    filter    : brightness(0)
                invert(1);
    max-height: 2em;
    max-width : 2em;
    translate : -.1em 0;
}

#privacytools-banner-consent{

    box-shadow      : #999 0 0 10px;
    background-color: #eee;
}

#privacytools-banner-consent > span{

    color: var(--cmmgCorHexCinzaMedio);
}

#cookieconsent\:desc{

    font-size: .9em;
    margin   : 0 2em 0 0;
    color    : var(--cmmgCorHexCinzaMedio) !important;
}

#cookieconsent\:desc a{

    color : var(--cmmgCorHexPrincipal) !important;
    margin: 0 0 0 .5em;
}

.dp-bar-actions{

    margin: 0 2em 0 0;
}

.dp-bar-actions .cc-btn{

    border-radius   : .3em;
    font-weight     : normal;
    background-color: var(--cmmgCorHexPrincipal) !important;
}

.dp-bar-preference .cc-link{

    color          : var(--cmmgCorHexPrincipal) !important;
    text-decoration: none;
    font-weight    : 500;
    font-size      : .9em;
    max-width      : initial;
    border-color   : var(--cmmgCorHexPrincipal);
    border-style   : solid;
    border-width   : 1px;
    border-radius  : .3em;
    padding        : .4em 1em .6em 1em;
    position       : relative;
    top            : -.2em;
}

.dp-topbar-logo img{

    max-height: 70% !important;
}
:root{

    --cmmgCorRgbAzulFeluma   : 22, 65, 148;
    --cmmgCorHexAzulFeluma   : #164194;
    --cmmgCorRgbAmareloFeluma: 251, 188, 67;
    --cmmgCorHexAmareloFeluma: #fbbc43;
    --cmmgCorRgbTurquesaCmmg : 0, 172, 161;
    --cmmgCorHexTurquesaCmmg : #00aca1;
    --cmmgCorRgbDouradoCmmg  : 163, 145, 97;
    --cmmgCorHexDouradoCmmg  : #a39161;
    --cmmgCorRgbCinzaMedio   : 102, 102, 102;
    --cmmgCorHexCinzaMedio   : #666666;
    --cmmgCorRgbCinzaEscuro  : 51, 51, 51;
    --cmmgCorHexCinzaEscuro  : #333333;

    --cmmgAncora             : -10em;
    --cmmgVh                 : 1vh;
}

*{

    margin          : 0;
    padding         : 0;
    max-width       : 100%;
    border-width    : 0;
    border-style    : solid;
    list-style-image: none;
    list-style-type : none;
    transition      : all .25s linear;
}

html{

    width          : 100%;
    height         : 100%;
    scroll-behavior: smooth;
    font-size      : 10px;
    margin-top     : 0 !important;
}

body{

    font-family     : 'Absara Sans', sans-serif;
    font-size       : 1.6rem;
    line-height     : 1.8em;
    font-weight     : 400;
    color           : var(--cmmgCorHexCinzaMedio);
    text-align      : left;
}

body *{

    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 25%) transparent;
}

body *::-webkit-scrollbar{

    width           : .7rem;
    height          : .7rem;
    background-color: transparent;
}

body *::-webkit-scrollbar-thumb{

    border-radius   : .4rem;
    background-color: rgba(0, 0, 0, 25%);
}

/* HTML */

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

    font-size   : 3em;
    color       : var(--cmmgCorHexPrincipal);
    font-weight : 700;
    line-height : 1.2em;
    margin      : 0 auto 2em auto;
}

h2{

    font-size: 2.5em;
}

h3{

    font-size: 2em;
}

h4{

    font-size: 1.5em;
}

h5{

    font-size: 1.3em;
}

h6{

    font-size: 1em;
}

b, strong, .__cmmgStrong{

    font-weight: 700;
}

p, ul{

    margin: 2em 0;
}

 p:first-child,
ul:first-child{

    margin-top: 0;
}

 p:last-child,
ul:last-child{

    margin-bottom: 0;
}

form{

    padding : .5em;
    position: relative;
}

input,
select,
textarea{

    color        : rgb(var(--cmmgCorRgbCinzaMedio));
    padding      : .5em .7em;
    border-radius: .1em;
    border-color : rgb(var(--cmmgCorRgbCinzaMedio));
    border-width : 1px;
}

input:disabled,
select:disabled,
textarea:disabled{

    opacity         : .7;
    background-color: #eee;
}

label{

    font-weight: 500;
    cursor     : pointer;
}

iframe, video{

    max-width: 100%;
    margin   : 0 auto;
    display  : block;
}

figure.__cmmgVideo{

    width      : 100% !important;
    padding-top: 56.25%;
    position   : relative;
    overflow   : hidden;
}

figure.__cmmgVideo > *{

    position  : absolute;
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    margin    : auto;
    width     : 100%;
    height    : 100%;
    max-width : 100%;
    max-height: 100%;
}

a, .__cmmgSublinhadoAnimado{

    --cmmgLinkCorHex1  : var(--cmmgCorHexPrincipal);
    --cmmgLinkCorHex2  : var(--cmmgCorHexPrincipal);

    cursor             : pointer;
    padding            : 0 0 3px 0;
    text-decoration    : none;
    color              : var(--cmmgLinkCorHex1);
    word-wrap          : break-word;
    background-size    : 0 1px;
    background-repeat  : no-repeat;
    background-position: 0 100%;
    background-image   : linear-gradient(0, var(--cmmgLinkCorHex1), var(--cmmgLinkCorHex2));
}

a:hover, .__cmmgSublinhadoAnimado:hover{

    background-size: 100% 1px;
}
@keyframes __cmmgFade{

    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes __cmmgDisplayBlockFade{

    0%   { display: none;  opacity: 0; }
    1%   { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}

@keyframes __cmmgDisplayFlexFade{

    0%   { display: none; opacity: 0; }
    1%   { display: flex; opacity: 0; }
    100% { display: flex; opacity: 1; }
}

@keyframes __cmmgHeightAuto{

    0%   { max-height: 0;      }
    98%  { max-height: 100vh;  }
    99%  { max-height: 1000vh; }
    100% { max-height: initial;}
}
/***************************************************************************************************
    Loader
***************************************************************************************************/

div#__cmmgLoaderContainer{

    width           : 100vw;
    height          : 100vh;
    display         : flex;
    z-index         : 9999;
    position        : fixed;
    top             : 0;
    left            : 0;
    overflow        : hidden;
    font-size       : 2em;
    background-color: var(--cmmgCorHexPrincipal);
}

div#__cmmgLoaderContainer > div{

    margin: auto;
}

div#__cmmgLoaderContainer > div img{

    height   : 5em;
    max-width: 40vw;
    display  : block;
    margin   : 0 0 2em 0;
    filter   : brightness(0)
               invert(1);
    animation: __cmmgLoaderLogo 3s infinite;
}

div#__cmmgLoaderContainer > div > div{

    display        : flex;
    flex-flow      : row nowrap;
    align-items    : center;
    justify-content: space-between;
    width          : 2em;
    margin         : 0 auto;
}

div#__cmmgLoaderContainer > div > div span{

    width           : 0.3em;
    height          : 1em;
    background-color: #fefefe;
}

div#__cmmgLoaderContainer > div > div span:nth-of-type(1){

    animation: __cmmgLoaderGrow 1s -0.45s ease-in-out infinite;
}

div#__cmmgLoaderContainer > div > div span:nth-of-type(2){

    animation: __cmmgLoaderGrow 1s -0.3s ease-in-out infinite;
}

div#__cmmgLoaderContainer > div > div span:nth-of-type(3){

    animation: __cmmgLoaderGrow 1s -0.15s ease-in-out infinite;
}

div#__cmmgLoaderContainer > div > div span:nth-of-type(4){

    animation: __cmmgLoaderGrow 1s ease-in-out infinite;
}

@keyframes __cmmgLoaderLogo{

    0%,
    100%{

        transform: scale(1.0);
    }

    50%{

        transform: scale(1.1);
    }
}

@keyframes __cmmgLoaderGrow {

    0%,
    100%{

        transform: scaleY(1);
    }

    50%{

        transform: scaleY(2);
    }
}
/***************************************************************************************************
    HEADER: NAV
***************************************************************************************************/

#__cmmgNav{

    position   : fixed;
    top        : 0;
    left       : 0;
    z-index    : 99;
    display    : flex;
    width      : calc(100% - 6em);
    padding    : 1.5em 3em;
    align-items: center;
}

#__cmmgNav.__cmmgNavRolagem{

    background-color: rgba(var(--cmmgCorRgbPrincipal), 95%);
}

#__cmmgLogoHeader img{

    height   : 5em;
    max-width: 50vw;
}

#__cmmgNav.__cmmgNavRolagem #__cmmgLogoHeader img{

    height: 2.7em;
}

@media only screen and (max-height: 600px){

    #__cmmgLogoHeader img{

        height: 2.7em;
    }
}

#__cmmgNav .__cmmgLinkImg::after{

    outline-color: #fefefe;
}

                            .__cmmgLogoHeaderDuplo2,
#__cmmgNav.__cmmgNavRolagem .__cmmgLogoHeaderDuplo1{

    display  : none;
}

#__cmmgNav.__cmmgNavRolagem .__cmmgLogoHeaderDuplo2{

    display  : block;
    animation: __cmmgLogoHeaderDuplo .5s ease-in-out forwards;
}

.__cmmgLogoHeaderMobile{

    display: none;
}

@keyframes __cmmgLogoHeaderDuplo{

    0%   { display: none;  opacity: 0; }
    1%   { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}

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

    #__cmmgLogoHeader img.__cmmgLogoHeaderMobile{

        height   : 3.5em;
        display  : block;
        animation: __cmmgLogoHeaderDuplo .5s ease-in-out forwards;
    }

    #__cmmgNav img:not(.__cmmgLogoHeaderMobile){

        display: none;
    }
}

/***************************************************************************************************
    HEADER: NAV: MENU (Desktop)
***************************************************************************************************/

#__cmmgLayoutMenuPrincipal{

    font-size      : 1.2em;
    margin         : 0 0 0 auto;
    display        : flex;
    flex-wrap      : wrap;
    flex-direction : row;
    justify-content: flex-end;
    height         : fit-content;
}

#__cmmgLayoutMenuPrincipal li{

    margin: auto 1em;
    height: fit-content;
}

#__cmmgLayoutMenuPrincipal li:first-child{

    margin-left: 0;
}

#__cmmgLayoutMenuPrincipal li:last-child{

    margin-right: 0;
}

#__cmmgLayoutMenuPrincipal a:not(.__cmmgBotao){

    --cmmgLinkCorHex1: #fefefe;
    --cmmgLinkCorHex2: #fefefe;
}

/***************************************************************************************************
    HEADER: NAV: MENU (Mobile)
***************************************************************************************************/

.__cmmgLayoutMenuPrincipalBotao{

    color      : #fefefe;
    line-height: 1em;
    font-size  : 1.5em;
    width      : 2em;
    height     : 2em;
    z-index    : 2;
    position   : absolute !important;
    right      : 1.8em;
    /* top        : 1em; */
    cursor     : pointer;
    display    : none !important;
}

#__cmmgLayoutMenuPrincipalControle{

    display: none;
}

.__cmmgLayoutMenuPrincipalBotao .material-symbols-rounded{

    font-size: 2em;
}

.__cmmgLayoutMenuPrincipalFundo{

    position        : fixed;
    display         : none;
    top             : 0;
    left            : 0;
    width           : 100vw;
    height          : calc(100 * var(--cmmgVh));
    background-color: rgba(var(--cmmgCorRgbPrincipal), 75%);
    background-image: linear-gradient(0, rgba(0, 0, 0, 30%), rgba(0, 0, 0, 30%));
}

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

    #__cmmgLayoutMenuPrincipal{

        --cmmgLayoutMenuPrincipalLargura      : 320px;
        --cmmgLayoutMenuPrincipalLarguraMaxima: 90vw;

        display         : block;
        z-index         : 1;
        position        : fixed;
        top             : 0;
        right           : -100vw;
        margin          : 0;
        padding         : 4em 2em 1em 2em;
        height          : calc(100 * var(--cmmgVh));
        width           : var(--cmmgLayoutMenuPrincipalLargura);
        box-sizing      : border-box;
        max-width       : var(--cmmgLayoutMenuPrincipalLarguraMaxima);
        background-color: var(--cmmgCorHexPrincipal);
    }

    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu] + .__cmmgLayoutMenuPrincipalBotao[title=Fechar] + #__cmmgLayoutMenuPrincipal{

        right   : 0;
        overflow: auto;
    }

    #__cmmgLayoutMenuPrincipal::before{

        content         : '';
        display         : none;
        width           : var(--cmmgLayoutMenuPrincipalLargura);
        max-width       : var(--cmmgLayoutMenuPrincipalLarguraMaxima);
        height          : 5em;
        position        : fixed;
        top             : 0;
        right           : 0;
        background-color: var(--cmmgCorHexPrincipal);
    }

    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu] + .__cmmgLayoutMenuPrincipalBotao[title=Fechar] + #__cmmgLayoutMenuPrincipal::before{

        display  : block;
        animation: __cmmgLayoutMenuPrincipalBeforeAnima 1s ease-out;
    }

    @keyframes __cmmgLayoutMenuPrincipalBeforeAnima{

        0%, 99% { opacity: 0; }
        100%    { opacity: 1; }
    }

    .__cmmgLayoutMenuPrincipalBotao{

        display: block !important;
    }

                                                 .__cmmgLayoutMenuPrincipalBotao[title=Menu],
    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu] + .__cmmgLayoutMenuPrincipalBotao[title=Fechar]{

        transform: scale(1);
    }

                                                 .__cmmgLayoutMenuPrincipalBotao[title=Fechar],
    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu]{

        transform: scale(0);
    }

    #__cmmgLayoutMenuPrincipal li{

        margin: 1em 0;
    }

    #__cmmgLayoutMenuPrincipal a{

        text-align         : left;
        display            : block;
        padding            : .5em 1em;
        border-width       : 1px;
        border-color       : #fefefe !important;
        border-radius      : .1em;
        background-size    : 0 100%;
        background-position: center;
    }

    #__cmmgLayoutMenuPrincipal a.__cmmgBotao{

        --cmmgBotaoCorHex1: #fefefe;
        --cmmgBotaoCorHex2: #fefefe;

        background-color  : rgba(255, 255, 255, 15%) !important;
    }

    #__cmmgLayoutMenuPrincipal a:hover{

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

    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu] + .__cmmgLayoutMenuPrincipalBotao[title=Fechar] + #__cmmgLayoutMenuPrincipal + .__cmmgLayoutMenuPrincipalFundo{

        display  : block;
        animation: __cmmgLayoutMenuPrincipalFundoAnima .5s ease-in-out;
    }

    @keyframes __cmmgLayoutMenuPrincipalFundoAnima{

        from { opacity: 0; }
        to   { opacity: 1; }
    }
}

/* *************************************************************************************************
    Gerais
 **************************************************************************************************/

.__cmmgDisplayNone{

    display: none !important;
}

.__cmmgClear{

    height : 0;
    clear  : both;
    display: block;
}

.__cmmgAncora{

    height  : 0;
    padding : 0;
    display : block;
    position: relative;
    top     : var(--cmmgAncora);
    z-index : -9999;
    opacity : 0;

}

.__cmmgOlNumeroDecimal         > li,
.__cmmgOlNumeroRomanoMaiusculo > li{

    list-style-type: decimal;
    padding        : 0 0 0 1em;
    margin         : 2em 0 2em 1em;
}

.__cmmgOlNumeroDecimal         > li::marker,
.__cmmgOlNumeroRomanoMaiusculo > li::marker{

    font-weight: bold;
}

.__cmmgOlNumeroRomanoMaiusculo > li{

    list-style-type: upper-roman;
}

.__cmmgCssIos *{

    background-attachment: initial !important;
}

/* *************************************************************************************************
    Links de imagens com contornos no hover
 **************************************************************************************************/

.__cmmgLinkImg{

    position        : relative;
    display         : inline-flex;
    padding         : 0;
    background-image: none;
}

.__cmmgLinkImg::after{

    content      : '';
    display      : block;
    position     : absolute;
    top          : -10px;
    left         : -10px;
    width        : calc(100% + 20px);
    height       : calc(100% + 20px);
    border-radius: 3px;
    outline-style: solid;
    outline-color: var(--cmmgCorHexPrincipal);
    outline-width:  1px;
    clip-path    : circle(0 at 100% 100%);
}

.__cmmgLinkImg:hover::after{

    animation: __cmmgLinkImgAnimacao .5s ease-in-out forwards;
}

@keyframes __cmmgLinkImgAnimacao{

    from { clip-path: circle(0 at 100% 100%); }
    to   { clip-path: circle(150% at 100% 100%); }
}

.__cmmgBotao{

    --cmmgBotaoCorHex1  : var(--cmmgCorHexPrincipal);
    --cmmgBotaoCorHex2  : var(--cmmgBotaoCorHex1);
    --cmmgBotaoCorHexTxt: #fefefe;

    display             : inline-block;
    cursor              : pointer;
    margin              : 0;
    padding             : .3em 1.3em .2em 1.3em !important;
    width               : auto !important;
    color               : var(--cmmgBotaoCorHexTxt) !important;
    font-weight         : 600;
    line-height         : 1.2em;
    text-align          : center;
    text-decoration     : none;
    border-width        : 1px;
    border-color        : var(--cmmgBotaoCorHex1) !important;
    border-style        : solid;
    border-radius       : .1em;
    background-color    : initial !important;
    background-size     : 100% 100%;
    background-position : left;
    background-repeat   : no-repeat;
    background-image    : linear-gradient(135deg, var(--cmmgBotaoCorHex1), 80%, var(--cmmgBotaoCorHex2));
}

.__cmmgBotao:hover{

    background-size: 0 100%;
    color          : var(--cmmgBotaoCorHex1) !important;
}

/***************************************************************************************************
    VLibras
***************************************************************************************************/

#__cmmgDivVLibras{

    --cmmgDivVLibrasTamanho: 33px;
}

#__cmmgDivVLibras [vw] [vw-access-button]{

    width : var(--cmmgDivVLibrasTamanho);
    height: var(--cmmgDivVLibrasTamanho);
    right : -15px;
}

#__cmmgDivVLibras [vw] [vw-access-button] .access-button,
#__cmmgDivVLibras [vw] [vw-access-button] .vp-access-button{

    width : var(--cmmgDivVLibrasTamanho);
    height: var(--cmmgDivVLibrasTamanho);
}
:root {

    --BracanCorBrasil           : #226144;
    --BracanCorCanada           : #CD2122;
    --BracanCorVerdeClaro       : #1B6E40;
    --BracanCorVermelhoEscuro   : #AC0101;
    --BracanCorAmarelo          : #c2a73a;
    --BracanCorRosa             : #ebd8bf;
    --BracanCorCinza            : #656565;
    --BracanCorBranco           : #EBEBEB;
    --BracanCorPreto            : #202020;
    --BracanCorVerdeGradient    : #6aa550;
    --BracanCorVermelhoGradient : #e15b42;
}

body {

    font-family : 'Montserrat', sans-serif;
    font-size   : 1.6rem;
    color       : var(--BracanCorPreto);
}

main {

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

section {

    padding : 6em 3em;
}

section > div {

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

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

    color          : var(--BracanCorVermelhoEscuro);
    text-transform : uppercase;
    line-height    : 1.1em;
    font-weight    : 700;
    font-family    : 'Montserrat', sans-serif;
}

h2:first-child {

    font-size : 2em;
    margin    : 0 0 1.5em 0;
}

p {

    font-weight : 400;
}

/*---------- Header Nav ----------*/

#__cmmgLogoHeader img {

    opacity: 0;
    filter : brightness(0)
             invert(1);
}

#__cmmgBody:not(.__cmmgBodyRolagem) #__cmmgLogoHeader img.__cmmgLogoHeaderMobile {

    visibility: hidden;
}

.__cmmgLogoHeaderMobile {

    translate: -1.5em 0;
}

.__cmmgBodyRolagem #__cmmgLogoHeader img {

    opacity: 1;
}

.__cmmgLogoHeaderDuplo1 {

    display: none;
}

/*---------- Menu Principal ----------*/

#__cmmgNav.__cmmgNavRolagem {

    background-image: linear-gradient(90deg,rgba(225, 91, 66, 1) 0%, rgba(231, 207, 176, 1) 25%, rgba(231, 207, 176, 1) 75%, rgba(106, 165, 80, 1) 100%);
}

.__cmmgLayoutMenuPrincipalBotao {

    top  : 1em;
    right: 1em;
}

#__cmmgNav .__cmmgLinkImg::after {

    outline-color: var(--BracanCorBranco);
}

.__cmmgLayoutMenuPrincipalBotao[title="Fechar"]::after {

    outline-color: var(--BracanCorBranco) !important;
}

.__cmmgLayoutMenuPrincipalBotao .material-symbols-rounded {

    color: var(--BracanCorBranco);
}

.__cmmgLayoutMenuPrincipalBotao[title="Fechar"] .material-symbols-rounded {

    color: var(--BracanCorBranco);
}

#__cmmgLayoutMenuPrincipal {

    --cmmgLayoutMenuPrincipalLargura: 350px;
}

#__cmmgLayoutMenuPrincipal a {

    text-align: center;
    font-size : .8em;
}

.__cmmgLayoutMenuPrincipalFundo {

    backdrop-filter : blur(2px);
    background-image: initial;
    background-color: rgba(255, 255, 255, 50%);
}

/*---------- Background Blur (Registration e Abstracts) ----------*/

.sectionRegistration::after,
.sectionAbstracts::after {

    content          : '';
    display          : block;
    position         : absolute;
    width            : 100%;
    height           : 100%;
    background-color : rgba(255, 255, 255, 0.1);
    backdrop-filter  : blur(5px);
    top              : 0;
    left             : 0;
    z-index          : 0;
}

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

.sectionBanner {

    display               : flex;
    flex-direction        : column;
    justify-content       : center;
    height                : calc(100 * var(--cmmgVh));
    min-height            : 800px;
    background-color      : var(--BracanCorRosa);
    background-image      : url('../../__site/imagens/geral/bg_completo.png');
    background-repeat     : no-repeat;
    background-size       : cover;
    background-attachment : fixed;
    background-position   : center;
    padding               : 0;
}

.bannerConteudo {

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

.logoBraCan {

    width         : 25em;
    margin-bottom : 1em;
}

.bannerConteudo h1 {

    font-size     : 1.7em;
    text-align    : center;
    margin-bottom : 0.5em;
}

.bannerConteudo span {

    display : block;
}

.inscrevaBanner {

    font-size      : 1.4em;
    text-transform : uppercase;
    font-weight    : 500;
    margin-bottom  : 1em;
}

.dataLocal {

    display         : flex;
    flex-direction  : row;
    align-items     : center;
    justify-content : space-between;
    width           : 60%;
    margin-bottom   : 1em;
}

.bannerConteudo h3 {

    font-size   : 1.2em;
    font-weight : 600;
    margin      : 0;
    color       : var(--BracanCorVerdeClaro);
}

.botaoLocal {

    --cmmgLinkCorHex1 : var(--BracanCorVerdeClaro);
    text-transform    : uppercase;
    font-weight       : 600;
    font-size         : 1.2em;
    margin            : 0;
    padding           : 0;
}

.bannerLogo p {

    margin      : 0.5em 0;
    font-weight : 500;
    gap         : 3%;
}

.bannerLogo a {

    margin : 0 1em;
}

.logoCMMG {

    height : 4em;
}

.logoFELUMA {

    height : 4em;
}


/*---------- Intro ----------*/

.sectionIntro {

    background-image  : url('../../__site/imagens/geral/bg_textura.png');
    background-repeat : no-repeat;
    background-size   : cover;
    overflow          : hidden;
    position          : relative;
    z-index           : 10;
}

.introConteudo {

    border-radius : 20px;
}

.introConteudo p {

    font-size  : 1em;
    text-align : justify;
    color      : var(--BracanCorPreto);
    margin     : 1em 0 0 0;
}

.grafismoIntro {

    position  : absolute;
    rotate    : 90deg;
    width     : 80em;
    bottom    : 25%;
    left      : 50vw;
    transform : scaleX(-1);
    opacity   : 0.2;
    z-index   : 1;
}

.grafismoIntro2 {

    position  : absolute;
    rotate    : -90deg;
    width     : 80em;
    top       : 25%;
    right     : 50vw;
    transform : scaleX(-1);
    opacity   : 0.2;
}

/*---------- Registration ----------*/

.sectionRegistration {

    position              : relative;
    padding               : 0;
    background-image      : url('../../__site/imagens/geral/coracao02.png'), url('../../__site/imagens/geral/bg_completo.png');
    background-repeat     : no-repeat;
    background-size       : 30%, cover;
    background-position   : center, center;
    background-attachment : fixed;
}

.registrationConteudo {

    display          : flex;
    flex-direction   : column;
    margin           : 0 auto 0 0;
    width            : calc(50% - 8em);
    min-width        : calc(600px - 8em);
    max-width        : initial;
    padding          : 6em 4em;
    position         : relative;
    z-index          : 1;
}

.registrationConteudo p {

    margin : 1em 0;
}

.registrationConteudo a {

    width              : fit-content !important;
    padding            : 0.8em !important;
    --cmmgBotaoCorHex1 : var(--BracanCorVermelhoEscuro);
}

/*---------- Call ----------*/

.sectionAbstracts {

    position              : relative;
    padding               : 0;
    background-image      : url('../../__site/imagens/geral/coracao02.png'), url('../../__site/imagens/geral/bg_completo.png');
    background-repeat     : no-repeat;
    background-size       : 30%, cover;
    background-position   : center, center;
    background-attachment : fixed;
}

.abstractsConteudo {

    display          : flex;
    flex-direction   : column;
    margin           : 0 0 0 auto;
    width            : calc(50% - 8em);
    min-width        : calc(600px - 8em);
    max-width        : initial;
    padding          : 6em 4em;
    position         : relative;
    z-index          : 1;
}

.abstractsConteudo h2 {

    color : var(--BracanCorBrasil);
}

.abstractsConteudo h4 {

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

.abstractsConteudo p {

    margin : 1em 0;
}

.abstractsConteudo a {

    width   : fit-content !important;
    padding : 0.8em !important;
}

.abstractsConteudo:last-child a {

    margin-top : 1em;
}

/*---------- Program ----------*/

.sectionProgram {

    background-image        : url('../../__site/imagens/geral/grafismos-05.png'), url('../../__site/imagens/geral/bg_textura.png');
    background-repeat       : no-repeat;
    background-size         : 120%, cover;
    background-position     : center;
    background-attachment   : fixed;
}

.programConteudo {

    background-color : rgba(255, 255, 255, 0.2);
    backdrop-filter  : blur(5px);
    padding          : 2em 4em;
}

.conteudoPalestrante {

    display        : flex;
    flex-direction : row;
    align-items    : flex-start;
    gap            : 5%;
    padding-bottom : 2em;
    padding-top    : 3em;
    border-bottom  : 2px solid var(--BracanCorBrasil);
}

.conteudoPalestrante:last-child {

    border-bottom                       : initial;
}

.imgPalestrante {

    width           : 10em;
    height          : 14em;
    object-fit      : cover;
    object-position : center top;
    box-shadow      : 7px 7px 0 rgba(194, 167, 58, 1), -7px -7px 0 rgba(194, 167, 58, 1);;
}

.imgPalestrante + div {

    width: calc(100% - 10em - 5%);
}

.palestranteTitulo {

    display         : flex;
    flex-direction  : row;
    align-items     : flex-start;
}

.conteudoPalestrante h5 {

    font-size   : 1.2em;
    color       : var(--BracanCorBrasil);
    margin      : 0;
    max-width   : 100%;
}

.bandeira {

    width       : 2em;
    margin-left : 1em;
}

.conteudoPalestrante p {

    font-size: 1em;
    line-height: 1.7em;
}

/*---------- Programming ----------*/

.sectionProgramming {

    background-image      : url('../../__site/imagens/geral/logo_bg.png'), url('../../__site/imagens/geral/logo_bg.png'), url('../../__site/imagens/geral/bg_banner-01.png');
    background-repeat     : no-repeat;
    background-size       : 25%, 25%, cover;
    background-position-x : 115%, -15%, center;
    background-position-y : 25%, 100%, bottom;
    background-attachment : fixed;
    background-blend-mode : screen;
}

.sectionProgramming h3 {

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

div.__cmmgLayoutAcordeaoControles {

    margin : 0;
}

.sectionProgramming ul {

    margin-top : 0.5em;
}

.__cmmgLayoutAcordeao li {

    border-width     : 0;
    border-radius    : 0;
    background-color : rgba(255, 255, 255, 0.3);
}

.__cmmgLayoutAcordeao li p {

    margin      : 1em 0;
    line-height : 1.3em;
}

.__cmmgLayoutAcordeao li h5 {

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

.__cmmgLayoutAcordeao li h6 {

    margin : 3em 0 1em 0;
}

.__cmmgLayoutAcordeao li h6:first-child {

    margin-top : 1em;
}

.__cmmgLayoutAcordeao label {

    color : var(--BracanCorBrasil);
}

.__cmmgLayoutAcordeao label > span {

    display     : inline-table;
    font-weight : 600;
}

.tituloProgramming {

    display : block;
}

.tituloVermelho {

    color : var(--BracanCorVermelhoEscuro);
}

/*---------- Venue ----------*/

.sectionVenue {

    display               : flex;
    align-items           : center;
    background-image      : url('../../__site/imagens/geral/teatro.jpg');
    background-repeat     : no-repeat;
    background-size       : cover;
    background-position   : center;
    background-attachment : fixed;
}

.venueConteudo {

    color            : var(--BracanCorBranco);
    padding          : 4em;
    width            : calc(50% - 8em);
    min-width        : calc(600px - 8em);
    background-color : rgba(15, 15, 15, 0.7);
    backdrop-filter  : blur(10px);
    margin           : auto auto auto 0;
    box-shadow       : 7px 7px 0 rgba(194, 167, 58, 1), 7px 7px 0 rgba(194, 167, 58, 1);
}

.venueConteudo h2 {

    color : var(--BracanCorAmarelo);
}

.venueConteudo p {

    margin : 0.5em 0;
}

.venueConteudo p:last-of-type {

    margin-bottom : 2em;
}

.venueConteudo a {

    --cmmgBotaoCorHex1 : var(--BracanCorAmarelo);
}

/*---------- About Us ----------*/

.sectionAbout {

    background-image      : url('../../__site/imagens/geral/grafismos-04.png'), url('../../__site/imagens/geral/bg_body.png');
    background-repeat     : no-repeat;
    background-size       : 105%, cover;
    background-position   : center, top;
    background-attachment : fixed;
}

.aboutConteudo {

    background-color : rgba(255, 255, 255, 0.2);
    backdrop-filter  : blur(5px);
    padding          : 2em 4em;
}

.aboutConteudo h2 {

    padding-bottom : 0.5em;
    color          : var(--BracanCorBrasil);
    border-bottom  : 2px solid var(--BracanCorBrasil);
}

.aboutConteudo h3 {

    font-size        : 1.5em;
    color            : var(--BracanCorBranco);
    padding          : 0.5em;
    background-color : var(--BracanCorBrasil);
    margin           : 1em auto;
    text-transform   : capitalize;
    width            : fit-content;
}

.aboutConteudo > div:last-child > div {

    border-bottom                       : initial !important;
}

.aboutPerfil {

    display        : flex;
    flex-direction : row;
    align-items    : flex-start;
    gap            : 5%;
    padding-bottom : 2em;
    border-bottom  : 2px solid var(--BracanCorBrasil);
}

.aboutImagem {

    width           : 10em;
    height          : 12em;
    object-fit      : cover;
    object-position : top;
    border-radius   : 12px;
    box-shadow      : 8px 8px 0 rgba(194, 167, 58, 1);
}

.aboutListagem {

    width: calc(100% - 10em - 5%);
}

.aboutListagem h4 {

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

.aboutListagem ul {

    margin-top : 1em;
}

.aboutListagem li {

    margin-left     : 1.2em;
    list-style-type : square;
}

.aboutStudent {

    display         : flex;
    justify-content : center;
    gap             : 15%;
    padding-bottom  : 2em;
    border-bottom   : 2px solid var(--BracanCorBrasil);
}

.studentPerfil {

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

.studentText {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5%;
}

.studentText h4 {

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

.studentText p {

    font-size   : 1em;
    font-weight : 600;
    margin      : 0.5em 0;
}

.aboutCommittee {

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

.aboutCommittee div {

    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.aboutCommittee div:first-child {

    flex-direction: column;
}

.studentCommittee {

    display         : flex;
    justify-content : space-evenly;
    column-gap      : 10%;
    row-gap         : 1em;
    padding-bottom  : 2em;
    border-bottom   : 2px solid var(--BracanCorBrasil);
    margin-top      : 1em;
    width           : 100%;
}

.coordImg {

    width           : 10em;
    height          : 10em;
    object-fit      : cover;
    object-position : top;
    border-radius   : 10px;
    box-shadow      : 8px 8px 0 rgba(194, 167, 58, 1);
}

.committeeImg {

    width           : 8em;
    height          : 8em;
    object-fit      : cover;
    object-position : top;
    border-radius   : 10px;
    box-shadow      : 5px 5px 0 rgba(194, 167, 58, 1);
}

.studentText h5 {

    font-size : 0.8em;
    margin    : 1em 0 0 0;
    width     : min-content;
    text-align: center;
}

/*---------- Contac Us ----------*/

.sectionFooter {

    background-image    : url('../../__site/imagens/geral/bg_banner-01.png');
    background-repeat   : no-repeat;
    background-size     : cover;
    background-position : top;
    padding             : 6em 3em 3em 3em;
}

.footerConteudo {

    display         : flex;
    justify-content : space-between;
    align-items     : center;
    max-width       : 1200px;
    margin          : auto;
}

.footerLogos {

    margin : auto;
}

.logoFooter {

    width : 20em;
}

.footerContatos {

    margin : auto;
}

.footerContatos h3 {

    margin : 0 0 2em 0;
}

.footerContatos img {

    padding-right : 1em;
    width         : 1.5em;
}

.footerContatos a {

    display     : flex;
    align-items : center;
    font-size   : 1em;
    font-weight : 500;
    margin      : 0;
}

.footerRealization {

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

.footerRealization p {

    margin : 1em 0;
}

.footerInstitucional p {

    color         : var(--BracanCorCinza);
    margin-bottom : 0.5em;
}

.footerInstitucional a {

    margin: 0 1em;
}

.footerInstitucional img {

    height : 4em;
    margin : 0 1em;
}

.footerDireitos {

    display         : flex;
    justify-content : center;
    margin-top      : 1.5em;
    border-top      : 1px solid var(--BracanCorVermelhoEscuro);
    font-weight     : 500;
}

.footerDireitos p {

    color       : var(--BracanCorPreto);
    margin-top  : 1em;
    font-weight : 500;
}

.footerDireitos a {

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

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

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

    .sectionBanner {

        background-image: url('../../__site/imagens/geral/bg_banner-02.png');
        background-position: center;
    }

    .registrationConteudo {

        min-width : fit-content;
    }

    .abstractsConteudo {

        min-width : fit-content;
    }

    .venueConteudo {

        min-width : fit-content;
    }

    .sectionAbout {

        padding: 0;
    }

    .aboutConteudo {

        padding: 6em 3em;
    }
}


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

    .bannerConteudo {

        max-width : 80%;
    }

    .bannerConteudo h1 {

        font-size     : 1.5em;
        margin-bottom : 1.5em;
    }

    .bannerConteudo span{

        display : inline;
    }
    .inscrevaBanner {

        font-size : 1.2em;
    }

    .dataLocal {

        flex-direction : column;
        width          : fit-content;
    }

    .sectionProgram {

        padding: 0;
    }

    .conteudoPalestrante {

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

    .programConteudo {

        padding: 3em 2em;
    }

    .palestranteTitulo {

        padding-top: 1.5em;
    }

    .imgPalestrante + div {

        width: 100%;
    }

    .__cmmgLayoutAcordeao li > div > div {

        padding : 2em;
    }

    .sectionVenue {

        padding : 0;
    }

    .aboutPerfil {

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

    .aboutPerfil img {

        margin-bottom: 2em;
    }

    .sectionFooter {

        padding : 3em 2em;
    }

    .footerConteudo {

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

    .logoFooter {

        margin-bottom: 2em;
    }

    .footerContatos h3 {

        margin-bottom: 1em;
    }

    .footerContatos br {

        display: none;
    }
}

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

    h2 {

        font-size : 1.5em !important;
    }

    section {

        padding : 3em 2em;
    }

    .bannerConteudo h1 {

        font-size : 1.3em;
    }

    .logoCMMG,
    .logoFELUMA {

        height : 3em;
    }

    .sectionRegistration,
    .sectionAbstracts {

        background-size : 20em, cover;
    }

    .registrationConteudo,
    .abstractsConteudo {

        padding : 3em 2em;
    }

    .__cmmgLayoutAcordeao label {

        font-size : 1em;
        padding   : 1em 2em;
    }

    .__cmmgLayoutAcordeao label > span {

        display : inline;
    }

    .__cmmgLayoutAcordeao li h5 {

        font-size : 1em;
    }

    .__cmmgLayoutAcordeao li p {

        font-size   : 0.9em;
    }

    .aboutConteudo h3 {

        font-size : 1em;
    }

    .aboutListagem {

        width: 100%;
    }

    .aboutListagem h4 {

        font-size : 1em;
    }

    .aboutListagem li p {

        font-size   : 0.8em;
    }

    .aboutStudent {

        display : block;
    }

    .footerContatos h3 {

        font-size : 1.4em;
    }

    .footerContatos a {

        font-size   : 0.8em;
        font-weight : 600;
    }

    .footerInstitucional img {

        height : 3em;
    }

    .footerDireitos p {

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