@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&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root{

        --cmmgCorHexPrincipal: #ad5743;
        --cmmgCorRgbPrincipal: 173, 87, 67;
    }
/***************************************************************************************************
 *
 *  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{

    --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;
}

.__cmmgLayoutAcordeao label::before{

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

.__cmmgLayoutAcordeao 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;
}
/***************************************************************************************************
    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;
}
/* *************************************************************************************************
    Gerais
 **************************************************************************************************/

.__cmmgDisplayNone{

    display: none;
}

.__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;
    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;
}
@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;
}

.__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{

    --cor-principal    : #AD5743;
    --cor-secundaria   : #3d7774;
    --cor-terciaria    : #ece8dd;
    --cor-dourado      : #A39161;
    --cor-verde        : #00ACA1;
    --cor-branco       : #EBEBEB;
    --cor-preto        : #141414;
}

body{

    font-family: 'Rubik', sans-serif;
    font-size  : 1.6rem;
}

/** ***** Header ***** **/

#__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;
}

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

#__cmmgNav.__cmmgNavRolagem{

    background-image: linear-gradient(90deg, rgb(167, 90, 69) 20%, rgb(218, 146, 88) 70%, rgb(243, 231, 209) 100%);
}

.__cmmgLayoutMenuPrincipalBotao{

    top  : 1em;
    right: 1em;
}

#__cmmgNav .__cmmgLinkImg::after{

    outline-color: var(--cor-principal);
}

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

    outline-color: var(--cor-branco) !important;
}

.__cmmgLayoutMenuPrincipalBotao .material-symbols-rounded{

    color: var(--cor-principal);
}

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

    color: var(--cor-branco);
}

.bandeirinhas{

    display       : flex;
    flex-direction: row-reverse;
    position      : fixed;
    top           : 2.3em;
    right         : 6em;
    z-index       : 99;
    gap           : 1em;
}

.bandeirinhas img{

    width: 2em;
}

nav .bandeirinhas a{

    border-style: none;
    padding-left: .75em;
}

nav .bandeirinhas a:hover{

    background: none;
}

.bandeirinhaOculta{

    display: none;
}

#__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%);
}

/** ***** Header ***** **/

header{

    display                 : flex;
    width                   : 100%;
    height                  : calc(100 * var(--cmmgVh));
    min-height              : 800px;
    background-image        : url('../../__site/imagens/bg/bg_banner_detalhes_simbolo.png'),
                              url('../../__site/imagens/bg/bg_banner_detalhes_barra.png'),
                              url('../../__site/imagens/bg/bg_banner.png');
    background-repeat       : no-repeat;
    background-size         : 45%, contain, cover;
    background-attachment   : fixed;
    background-position-x   : 80%, left, center;
    background-position-y   : center, bottom, center;
}

.__cmmgCssIos header{

    background-attachment: scroll;
}

#header{

    display        : flex;
    flex-direction : column;
    margin         : auto;
    width          : 80%;
}

.iconePsicologia a img{

    width       : 3em;
    padding-left: 1em;
    filter      : brightness(0) invert(1);
}

.imagem{

    display        : block;
    width          : 18em;
    float          : left;
}

div.headerPrincipal{

    display        : flex;
    flex-direction : row;
    justify-content: center;
    align-items    : flex-start;
    width          : fit-content;
}

h1{

    line-height   : 1.25em;
    color         : var(--cor-principal);
    font-size     : 3.4em;
    text-transform: none;
    align-content : center;
    font-weight   : 400;
    margin        : 0;
}

h1 > span{

    display      : block;
    padding-left : 0.2em;
    margin-top   : 0.6em;
    max-width    : initial;
}

h1 > span:first-child strong{

    font-size    : 1.3em;

}

h1 > span:last-child{

    font-size       : 1.1em;
    text-transform  : uppercase;
    margin          : 0.3em 0em 0.2em -1.2em;
}

h1 > span:last-child span{

    color: var(--cor-secundaria);
}

.headerPrincipal h2{

    font-size       : 1.8em;
    color           : var(--cor-principal);
    text-transform  : uppercase;
    margin          : 0 0 0 -2em;
    max-width       : initial;
}

.headerSecundario{

    display         : flex;
    flex-direction  : row;
    justify-content : center;
    align-items     : center;
    margin-top      : 4em;
    gap             : 5%;
}

div.headerData{

    font-size       : 1.5em;
    color           : var(--cor-branco);
    background-color: var(--cor-principal);
    padding         : 0.5em 2em;
    text-transform  : uppercase;
    border-radius   : 5px;
    filter          : drop-shadow(8px 10px 20px var(--cor-secundaria));
}

.headerSecundario h3{

    font-size       : 1.2em;
    text-align      : center;
    line-height     : 1.25em;
    word-spacing    : 0.1em;
    font-weight     : 300;
    color           : var(--cor-branco);
    margin          : 0;
}

h3 strong{

    font-weight     : 500;

}

.logoCMMG{

    width           : 20em;
    align-self      : center;
    scale           : .85;
    translate       : 0 .3em;
}

h5{

    color               : #f3e7d1;
    background-color    : var(--cor-secundaria);
    font-size           : 1.8em;
    font-weight         : 400;
    text-align          : center;
    position            : absolute;
    right               : 0;
    top                 : 100px;
    padding             : 0.1em 7em 0.1em 1em;
    letter-spacing      : 0.15em;
}

main{

    line-height: 1.5em;
}

/*Parte da Introdução*/

#sobre{

    color                : var(--cor-terciaria);
    background-image     : url('../../__site/imagens/bg/background__sobre.png');
    background-repeat    : no-repeat;
    background-attachment: fixed;
    background-size      : cover;
    display              : flex;
    align-items          : center;
    justify-content      : center;
    text-align           : left;
    min-height           : calc(100 * var(--cmmgVh));
}

.texto_sobre{

    background-color: rgba(255, 255, 255, 0.1);
    padding         : 2em 5em 4em 5em;
    border-radius   : 25px;
    margin          : 6em 0;
    width           : 70%;
}

.texto_sobre h2{

    margin     : 1em 0 1.75em 0;
    font-size  : 2em;
    text-align : center;
    font-weight: 600;
    line-height: 1.2em;
    color      : var(--cor-branco);
}

.texto_sobre h3{

    padding-left: .75em;
}

.texto_sobre a{

    color: var(--cor-branco);
}

.texto_sobre b{

    padding-left: 1.75em;
}

.accordionMenu{

    width : 100%;
    margin: 0 auto;
}

.accordionMenu input[type=checkbox]{

    display: none;
}

.accordionMenu label{

    display : block;
    height  : auto;
    position: relative;
    cursor  : pointer;
}

.accordionMenu label::after{

    display           : block;
    content           : "";
    width             : 0;
    height            : 0;
    border-style      : solid;
    border-width      : 5px 0 5px 10px;
    border-color      : transparent #fff;
    position          : absolute;
    right             : 0;
    top               : 8px;
    z-index           : 10;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -ms-transition    : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
}

.accordionMenu .content{

    max-height        : 0;
    height            : 0;
    overflow          : hidden;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition   : all 2s ease-in-out;
    -o-transition     : all 2s ease-in-out;
    transition        : all 2s ease-in-out;
}

.accordionMenu .content .inner{

    padding: 1.5em 0;
}

.accordionMenu input[type=checkbox]:checked + label::after{

    -webkit-transform: rotate(90deg);
    -moz-transform   : rotate(90deg);
    -ms-transform    : rotate(90deg);
    -o-transform     : rotate(90deg);
    transform        : rotate(90deg);
}

.accordionMenu input[type=checkbox]:checked + label + .content{

    max-height: 2000px;
    height    : auto;
}

.accordionMenu input[type=checkbox] + label{

    padding-right: 1em;
}

#sobre h3{

    padding: 1.5em 0;
}

#submissao{

    color                : var(--cor-branco);
    background-image     : url('../../__site/imagens/bg/background__sobre.png');
    background-attachment: fixed;
    background-repeat    : no-repeat;
    background-size      : cover;
    background-blend-mode: hard-light;
    background-color     : var(--cor-terciaria);
    display              : flex;
    min-height           : calc(100 * var(--cmmgVh));
    align-items          : center;
    justify-content      : center;
    text-align           : center;
    width                : 100%;
}

.container_divisao{

    display         : flex;
    flex-direction  : row;
    justify-content : center;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius   : 55px 0;
    margin          : 3em 0;
    width           : 80%;
}

.container_links{

    display        : flex;
    flex-direction : row;
    justify-content: center;
}

.container_links h2{

    text-transform: uppercase;
    padding       : 1em 0 1.5em 0;
    margin        : 0;
    font-size     : 2em;
    color         : var(--cor-branco);
}

.container_links img{

    max-width       : 12em;
    padding         : 1em;
    border-radius   : 10px;
}

.submissao{

    margin: 4em;
}

.qrcode{

    margin: 4em;
}

.linkBotao{

    display        : block;
    margin         : 2.5em 2em 2em 2em;
    padding        : 1em 2em;
    border         : 1px solid #fff;
    border-radius  : 20px;
    text-decoration: none;
    color          : var(--cor-branco);
    transition     : all .6s ease;
}

.linkBotao:hover{

    background-color: var(--cor-principal);
}

.submissao img{

    background-color: #ffffff;
}

.qrcode img{

    background-color: #ffffff;
}

/*Parte da Programação*/

.parte_programacao{

    background-image     : url('../../__site/imagens/bg/background__programacao.png');
    background-color     : var(--cor-principal);
    background-blend-mode: luminosity;
    background-size      : cover;
    background-attachment: fixed;
    color                : var(--cor-preto);
    display              : flex;
    min-height           : calc(100 * var(--cmmgVh));
    align-items          : center;
    justify-content      : center;
    width                : 100%;
}

.conteudo_programacao{

    background-color: rgba(255, 255, 255, 0.6);
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    border-radius   : 55px;
    padding         : 6em;
    margin          : 6em;
    align-items     : center;
    width           : 65%;
}

.conteudo_programacao h2{

    font-size       : 2em;
    text-align      : center;
    padding         : 1em 5em;
    margin          : 0;
    border-radius   : 30px;
    text-transform  : uppercase;
    color           : var(--cor-principal);
    background-color: var(--cor-terciaria);
}

.conteudo_programacao h3{

    font-size     : 1.4em;
    color         : var(--cor-principal);
    text-transform: uppercase;
    text-align    : center;
    width         : 75%;
    margin        : 0;
}

.conteudo_programacao li{

    display      : flex;
    gap          : 3em;
    padding      : 2em 0;
    border-bottom: 1px solid;
}

.conteudo_programacao li p{

    min-width: 8em;
    font-size: 1.2em;
}

.programacao_data{

    font-size        : 1.8em;
    margin-inline-end: auto;
    color            : var(--cor-secundaria);
    font-weight      : 600;
    text-decoration  : underline;
    text-transform   : uppercase;
    margin           : 2em auto 1em 0;
}

.conteudo_programacao h4{

    font-size: 1.2em;
    min-width: 12em;
    margin   : 0 0 1em 0;
    color    : var(--cor-principal);
}

.conteudo_programacao li > h4:first-child{

    margin: 0;
}

.conteudo_programacao strong{

    color: var(--cor-principal);
}

.conteudo_programacao li:first-of-type{

    border-top: 1px solid;
}

.linkMinicursos{

    display  : block;
    margin   : 1em 0;
    width    : fit-content;
    font-size: 1.2em;
    color    : var(--cor-preto);
}

/*Parte dos Minicursos*/

#minicursos{

    min-height           : calc(100 * var(--cmmgVh));
    color                : var(--cor-secundaria);
    background           : radial-gradient(circle, rgba(0, 172, 161, 1) -20%, rgba(236, 232, 221, 1) 60%);
    background-image     : url('../../__site/imagens/bg/bg_banner.png');
    background-size      : cover;
    background-repeat    : no-repeat;
    display              : flex;
    justify-content      : center;
    position             : relative;
    padding              : 8em 4em;
}

.programacao_minicursos{

    list-style-type : none;
    padding         : 2em 5em;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius   : 1em;
}

.programacao_minicursos li{

    display      : flex;
    gap          : 2em;
    padding      : 2em;
    line-height  : 1.5em;
    max-width    : calc(100 * var(--cmmgVh));
    border-bottom: solid var(--cor-principal);
}

#minicursos h2{

    text-align : center;
    font-weight: 700;
    font-size  : 2em;
    padding    : 0.5em 0 2em 0;
    margin     : 0;
    color      : var(--cor-principal);
}

.programacao_minicursos li:last-of-type{

    border-bottom: none;
}

/*Parte do Grupos*/

#grupos{

    height               : fit-content;
    background-image     : url('../../__site/imagens/bg/bg_banner_detalhes_simbolo.png');
    background-size      : 60%;
    background-position-x: 125%;
    background-position-y: center;
    background-repeat    : no-repeat;
    background-attachment: fixed;
    background-color     : var(--cor-terciaria);
    display              : flex;
    align-items          : center;
    flex-direction       : column;
    position             : relative;
    padding              : 8em 1em;
}

#grupos h2{

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

.grupos{

    display        : flex;
    gap            : 2.5em;
    flex-direction : column;
    align-items    : center;
    max-width      : 80%;
}

.grupos h4{

    font-size : 1.5em;
    margin    : 1em 0;
    color     : var(--cor-terciaria);
}

.grupos p{

    font-size: 1em;
    color    : var(--cor-terciaria);
}

.card_grupos{

    padding         : 2em;
    background-color: rgba(61, 119, 116, 0.7);
    border-radius   : 15px;

}

/*Parte Comissões*/

#comissoes{

    height               : fit-content;
    background-color     : rgba(61, 119, 116, 0.7);
    background-image     : url('../../__site/imagens/bg/background__programacao.png');
    background-size      : cover;
    background-position  : center;
    background-blend-mode: color-burn;
    background-repeat    : no-repeat;
    display              : flex;
    align-items          : center;
    flex-direction       : column;
    padding              : 8em 1em;
}

#comissoes h2{

    font-size: 2em;
    color: var(--cor-principal);
    margin-bottom: 2em;
    text-transform: uppercase;
}

.comissoes{

    display: flex;
    flex-direction: row;
    column-gap: 10em;
    background-color: rgba(236, 232, 221, 0.2);
    padding: 3em;
    border-radius: 25px 0px;
}

.comissoes h3{

    font-size: 1.6em;
    line-height: 1.3em;
    margin: 1em 0;
    color   : var(--cor-secundaria);
    text-decoration: underline;
}

.comissoes ul{

    list-style: none;
}

.comissoes p{

    font-size: 1.2em;
    line-height: 1.5em;
    color: var(--cor-preto);
    font-weight: 500;
}

/*Parte Footer*/

footer{

    background-image   : url('../../__site/imagens/bg/bg_banner.png');
    background-repeat  : no-repeat;
    background-position: center;
}

div.footer{

    display        : flex;
    margin         : auto;
    padding        : 4em 2em;
    justify-content: space-evenly;
}

.footer_primario{

    line-height   : 1.25em;
    font-size     : 1.85em;
    color         : var(--cor-principal);
    text-transform: uppercase;
    font-weight   : 700;
    padding-top   : .75em;
    width         : 40%;
}

.footer_primario span{

    color      : var(--cor-secundaria);
    line-height: 1.25em;
}

.footer_secundario{

    color: var(--cor-principal);
    width: 40%;
}

.footer_secundario p{

    font-weight: 600;
}

.footer_localizacao{

    line-height: 1.75em;
}

.footer_localizacao a{

    position       : relative;
    text-decoration: none;
    color          : var(--cor-principal);
}

.footer_localizacao a::after{

    content         : "";
    position        : absolute;
    height          : 2px;
    width           : 0;
    bottom          : 0;
    left            : 0;
    background-color: var(--cor-principal);
    transition      : all 0.3s ease;
}

.footer_localizacao a:hover::after{

    width: 100%;
}

.footer_localizacao strong{

    font-weight: 600;
}

.footer_secundario img{

    width         : 16em;
    padding-bottom: .75em;
}

/***************************************************************************************************
    Loader
***************************************************************************************************/

div#CongressoLoaderContainer{

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

div#CongressoLoaderContainer > div{

    margin: auto;
}

div#CongressoLoaderContainer > div img{

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

}

div#CongressoLoaderContainer > div > div{

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

div#CongressoLoaderContainer > div > div span{

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

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

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

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

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

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

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

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

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

@keyframes CongressoLoaderLogo{

    0%,
    100%{

        transform: scale(1.0);
    }

    50%{

        transform: scale(1.1);
    }
}

@keyframes CongressoLoaderGrow{

    0%,
    100%{

        transform: scaleY(1);
    }

    50%{

        transform: scaleY(2);
    }
}

/* Medias Screens*/

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

    .headerPrincipal h1{

        font-size: 1.88em;
    }

    .headerPrincipal h2{

        font-size: 1em;
    }

     .headerData h3{

         font-size: 0.8em;
    }

    .imagem{

        width: 10em;
    }

    .logoCMMG{

        width: 15em;
    }

    h5{

        font-size: 1.2em;
    }

     /*Parte Grupos*/
}

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


    .headerPrincipal h1{

        font-size: 1.9em;
    }

    .headerPrincipal h2{

        font-size: 1em;
    }

    .headerData h3{

        font-size: 1em;
    }

    .imagem{

        width: 10em;
    }

    .logoCMMG{

        width: 13em;
    }

/*Parte Apresentação*/

    .texto_sobre h2{

        font-size: 1.7em;
    }

/*Parte Submissão e Inscreva-se*/

    .container_links img{

        max-height: 12em;
    }

    .linkBotao{

        font-size: .9em;
    }

    /*Parte Programação*/

    .conteudo_programacao{

        padding: 3em;
        width  : 75%;
    }

    .conteudo_programacao li{

        width: 100%;
    }

    .programacao_data{
        font-size: 1.2em;
    }

    .programacao_minicursos ul{

        width: 42em;
    }

    /* Parte Minicursos*/

    div.container_Minicursos{

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

    /*Parte Grupos*/

    /*Parte Footer*/

    div.footer{

        justify-content: space-around;
        gap            : 1em;
    }

    .footer_primario{

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

    .footer_secundario{

        width: 100%;
    }

    .footer_secundario img{

        width: 15em;
    }
}

/*Para tela vertical (Ipad)*/

@media only screen and (max-width: 1024px) and (min-height: 1366px){

    #inicio{

        background-size: 65%, 30%, cover;
    }

    .headerPrincipal h1{

        font-size: 2.7em;
    }

    h1 > span{

        padding-left: 0em;
    }

    h1 > span:last-child{

        font-size       : 1.1em;
        text-transform  : uppercase;
        margin          : 0.3em 0em 0.2em 0em
    }

    .headerPrincipal h2{

        font-size   : 1.9em;
        margin-left : 0em;
    }

    .imagem{

        width: 12em;
    }

    .headerSecundario{

        display         : flex;
        flex-direction  : column;
    }

    .headerData{

        margin-bottom: 2em;
    }

    .logoCMMG{

        width   : 20em;
    }

    h5{

        font-size   : 2em;
        top         : 150px;
        padding     : 0.1em 5em 0.1em 1em;
    }

}

/*Fim para tela vertical (Ipad)*/

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

    #inicio{

        background-image        : url('../../__site/imagens/bg/bg_banner_detalhes_barra_horizontal.png'),
                                  url('../../__site/imagens/bg/bg_banner_detalhes_simbolo.png'),
                                  url('../../__site/imagens/bg/bg_banner_mobile.png');
        background-repeat       : no-repeat;
        background-size         : 75%, 80%, cover;
        background-position-x   : center, center, center;
        background-position-y   : bottom, center, center;
        background-attachment   : scroll, fixed, fixed;
    }

    #header{
        justify-content : flex-start;
        margin-top      : 7em;
    }

    div.headerPrincipal{

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

    .imagem{

        width: 12em;
    }

    .headerPrincipal h1{

        font-size  : 2.7em;
    }

    h1 > span{

        padding-left: 0em;
    }

    h1 > span:last-child{

        font-size       : 1.1em;
        text-transform  : uppercase;
        margin          : .2em 0;
    }

    .headerPrincipal h2{

        margin          : 0;
        font-size       : 1.5em;
        font-weight     : 500;
    }

    div.headerSecundario{

        flex-direction: column;
    }

    .headerSecundario{

        margin-top: 3em;
    }

    div.headerData{

        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .headerData h3{

        font-size   : 0.9em;
    }

    .headerData h3:first-child{

        border-right    : var(--cor-branco) solid 4px;
        padding-right   : 0.5em;
    }

    .headerData h3:last-child{

        padding-left   : 0.5em;
    }

    header h5{

        font-size           : 1.4em;
        rotate              : -90deg;
        transform-origin    : top left;
        text-align          : start;
        width               : fit-content;
        top                 : 16em;
        left                : 1em;
        position            : absolute;
        margin              : 0;
    }

    .logoCMMG{

        width     : 15em;
        margin-top: 1em;
    }

/*Parte Submissão e Inscreva-se*/

    .texto_sobre h2{

        line-height: 1.1em;
    }

    .submissao{

        margin: 1em 3em 0em 3em;
    }

    .submissao p{

        font-size: .9em;
    }

    .qrcode{

        margin: 1em 3em;
    }

    .container_links{

        flex-direction: column;
        padding-bottom: 2em;
    }

    .container_links h2{

        font-size: 1.8em;
    }

    .container_links img{

        max-height: 11em;
    }

    .linkBotao{

        font-size: .9em;
    }

    /*Parte Programação*/

    .conteudo_programacao{

        padding: 2em;
        margin : 5em 2em;
    }

    .conteudo_programacao h2{

        font-size: 1.6em;
    }

    .conteudo_programacao h4{

        min-width: 8em;
    }

    .programacao_data{

        font-size: 1.2em;
    }

    /*Parte Minicursos*/

    #minicursos{

        padding: 6em 0em;
    }

    .programacao_minicursos{

        padding: 0 2em 3em 2em;
    }


    .programacao_minicursos li{

        flex-direction: column;
    }

    .programacao_minicursos ul{

        width: 39em;
    }

    /*Parte Grupos*/

    #grupos h2{

        font-size: 1.8em;;
    }

    /*Parte Comissões*/

    .comissoes{

        flex-direction: column;
    }

    /*Parte Footer*/

    div.footer{

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

    .footer_secundario img{

        width  : 16em;
        padding: .75em 0;
    }
}

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

    /*Parte Header*/

    div.headerPrincipal{

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

    .headerPrincipal h1{

        font-size: 1.4em;
        padding  : 1.4em 0 0 0;
    }

    .imagem{

        width: 7em;
    }

    .headerPrincipal h2{

        padding     : 0;
        font-size   : 1.1em;
    }

    div.headerSecundario{

        flex-direction: column;
    }

    .headerSecundario{

        margin-top  : 1.4em;
    }

    div.headerData{

        font-size: 1.1em;
    }

    .headerData h3{

        margin: 0.2em 0em;
    }

    header h5{

        font-size: 1em;
    }

    .logoCMMG{

        width: 10em;
    }

    /*Parte Apresentação*/

    .texto_sobre{

        padding: 3em 2em;
    }

    .texto_sobre h2{

        font-size  : 1.3em;
        line-height: 1.1em;
    }

    .texto_sobre p{

        font-size: 1em;
    }

    /*Parte Links de Submissão e Inscreva-se*/

    .submissao{

        margin: 1em 3em 0em 3em;
    }

    .qrcode{

        margin: 1em 3em;
    }

    .linkBotao{

        margin   : 2.2em 0em 2em 0em;
        font-size: .8em;
    }

    .container_links{

        flex-direction : column;
        justify-content: center;
    }

    .container_links h2{

        font-size: 1.6em;
    }

    .container_links img{

        max-width: 9em;
    }

    /*Parte Programação*/

    .conteudo_programacao h2{

        padding         : 1em 3em;
        font-size       : 1.2em;
        background-color: #fefefe;
    }

    .conteudo_programacao{

        padding         : 2em 1em;
        margin          : 2em;
        border-radius   : 30px;
        background-color: rgb(236, 232, 221, 0.4);
        width           : 85%;
    }

    .conteudo_programacao h3{

        font-size: 1em;
        width    : fit-content;
    }

    .conteudo_programacao li{

        width         : 20em;
        gap           : 1em;
        flex-direction: column;
        padding       : 1em 0;
    }

    .conteudo_programacao li p{

        font-size: .9em;
    }

    .conteudo_programacao h4{

        font-size: 1em;
        min-width: 7em;
    }

    .programacao_data{

        font-size: 1.2em;
    }

    .linkMinicursos{

        font-size: 0.9em;
    }

    /*Parte Minicursos*/

    #minicursos{

        padding: 4em 1em;
    }

    #minicursos h2{

        font-size: 1.5em;
    }

    .programacao_minicursos{

        padding: 0 3em 3em 3em;
    }

    .programacao_minicursos li{

        flex-direction: column;
        padding       : 2em 0em;
    }

    .programacao_minicursos p{

        font-size: 1em;
    }

    .programacao_minicursos strong{

        font-size: 1.1em;
    }

    /*Parte Grupos*/

    #grupos h2{

        font-size: 1.4em;
    }

    .grupos{

        max-width: 90%;
    }

    .grupos h4{

        font-size: 1.2em;;
    }

    /*Parte Comissões*/

    #comissoes h2{

        font-size: 1.4em;
    }

    .comissoes h3{

        font-size: 1.2em;
    }

    .comissoes p{

        font-size: .95em;
    }

    /*Parte Footer*/

    div.footer{

        flex-direction: column;
        padding       : 3em 2em;
        text-align    : center;
    }

    .footer_primario{

        line-height: 1.25em;
        font-size  : 1.1em;
    }


    .footer_secundario{

        padding-top: 2em;
        font-size  : .9em;
    }

    .footer_secundario img{

        width: 13em;
    }

    .footer_secundario p{

        font-size: .95em;
    }

    .footer_localizacao a{

        font-size: .9em;
    }

    .footer_localizacao strong{

        font-size: .9em;
    }
}

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

    #header{

        width: 70%;
    }

    .imagem{

        width: 5em;
    }

    .headerPrincipal h1{

        font-size: 1.1em;
    }

    .headerPrincipal h2{

        font-size: 0.7em;
    }

    div.headerData{

        font-size: 0.9em;
    }

    header h5{

        font-size: 1em;
    }
}

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

    .imagem{

        width: 6em;
    }

    .headerPrincipal h1{

        font-size: 1.3em;
    }

    .headerPrincipal h2{

        font-size: 0.8em;
    }

    div.headerData{

        font-size: 1em;
    }

    header h5{

        font-size: 1em;
    }

    .logoCMMG{

        width: 15em;
    }
}

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

    .imagem{

        width: 5em;
    }
}