@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=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

:root{

        --cmmgCorHexPrincipal: #00aca1;
        --cmmgCorRgbPrincipal: 0, 172, 161;
    }
/***************************************************************************************************
 *
 *  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;
    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;
}

/***************************************************************************************************
    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      : 2em;
    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: 1080px){

    #__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);
}
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');


body{

    margin                          : 0;
    font-family                     : Montserrat, sans-serif;
}

header{

    background-color                : #FFF;
    display                         : flex;
    flex-direction                  : column;
    align-items                     : center;
    position                        : relative;
    overflow                        : hidden;
    justify-content                 : center;
    font-family                     : Merriweather, sans-serif;
    background-image                : url("../../__site/imagens/geral/fundos/mscFundo.png");
    background-repeat               : no-repeat;
    background-size                 : cover;
    background-attachment           : fixed;
}

#__cmmgNav{

    font-family                     : Montserrat, sans-serif;
}

.mscContainerBanner{

    background-color                : #00ACA1;
    padding                         : 2em 3em;
    text-align                      : -webkit-center;
    border-radius                   : 0 0 150px 150px;
    max-width                       : 50%;
    margin-bottom                   : 1.5em;
}

.mscContainerBanner h1{

    color                           : #FFF;
    font-size                       : 2.1em;
    border-bottom                   : 2px solid #fefefe;
    padding                         : 0 0 1.3em 0;
    font-weight                     : 400;
    display                         : flex;
    align-items                     : center;
    justify-content                 : center;
    margin                          : 0;
}

.mscContainerBanner span{

    font-weight                     : 800;
    padding-right                   : .3em;
    font-size                       : 2em;
}

.mscContainerBanner h2{

    color                           : #FFF;
    font-weight                     : 400;
    display                         : flex;
    max-width                       : 52%;
    text-align                      : left;
    align-items                     : center;
    font-size                       : 2em;
    margin                          : 0;
}

.mscHeader .__cmmgBotao{

    margin-bottom                   : 1.5em;
}


.mscHeader h3{

    color                           : #00ACA1;
    font-size                       : 1.35em;
}

.mscHeader h4{

    color                           : #00ACA1;
    text-transform                  : uppercase;
    font-size                       : 1.45em;
}

.mscHeader p{

    background-color                : #ab774f;
    padding                         : 1em 2.5em;
    color                           : #fff;
    font-size                       : 1.3em;
    border-radius                   : 25px;
    margin                          : 0 0 1em 0;
}

.mscImagemBonecos{

    width                           : 35em;
}

.mscImagens{

    display                         : flex;
    align-items                     : center;
}

.imgFCMMG{

    width                           : 16em;
}

.imgMSC{

    width                           : 5em;
}

/* --------------------- SOBRE ---------------------- */

.mscSobre{

    padding                         : 5em 0;
    background-image                : url(../../__site/imagens/geral/fundos/mscFundo.png);
    background-attachment           : fixed;
    background-size                 : cover;
    background-repeat               : no-repeat;
    text-align                      : center;
}

.mscConteudoSobre{

    margin                          : 3em auto;
    padding                         : 3em;
    background-color                : #03A6A1;
    border-radius                   : 20px;
    max-width                       : 50%;
    justify-self                    : center;
    font-family                     : Montserrat, sans-serif;
    color                           : #FFF;
    text-align                      : left;
}

.mscConteudoSobre h2{

    font-size                       : 2em;
    color                           : #FFF;
}

.mscConteudoSobre p{
    
    font-size                       : 1.1em;
}

/*------------------------- BOTÃO EDITAIS -------------------------------------*/

.mscBotao{

    display                         : flex;
    flex-direction                  : column;
    gap                             : 1em;
    justify-content                 : center;
    max-width                       : 55%;
    margin                          : 0 auto;

}

.__cmmgBotao{

    padding                         : 1em 4em !important;
    border-radius                   : 10px;
    font-size                       : 1.1em;

}

/*----------------------------------- HISTÓRICO -----------------------------------------*/

#mscHistorico{

    display                         : flex;
    justify-content                 : center;
    background-image                : url(../../__site/imagens/geral/fundos/mscFundo.png);
    background-attachment           : fixed;
    background-size                 : cover;
    background-repeat               : no-repeat;
}

.mscHistoria{

    display                         : flex;
    flex-direction                  : column;
    align-items                     : center;
    padding                         : 3em 6em;
    border-radius                   : 30px;
    margin                          : 5em;
    max-width                       : 55%;
}

.mscGaleriaImagem{

    display                         : flex;
    flex-direction                  : row;
    flex-wrap                       : wrap;
    gap                             : 3em;
    margin                          : 2em 1em;
}

.mscGaleriaImagem img{

    width                           : 10em;
    height                          : 10em;
    margin                          : auto;
    object-fit                      : cover;
}

.mscGaleriaImagemLinhaDoTempo img{

    width: 100%;
    height: 100%;
}

.mscGaleriaImagem .__cmmgLinkImg::after{

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


/* ------------------------------- PROGRAMAÇÃO ---------------------------------------*/

#mscProgramacao{

    display                         : flex;
    justify-content                 : center;
    background-image                : url(../../__site/imagens/geral/fundos/mscFundo.png);
    background-attachment           : fixed;
    background-size                 : cover;
    background-repeat               : no-repeat;
}

.mscConteudoProgramacao{

    display                         : flex;
    flex-direction                  : column;
    align-items                     : center;
    background-color                : #F5F5F7;
    padding                         : 3em 6em;
    border-radius                   : 30px;
    margin                          : 5em auto;
    max-width                       : 50%;
}

.mscConteudoProgramacao li{

    display                         : flex;
    align-items                     : baseline;
    max-width                       : 55em;
    font-size                       : 1em;
    padding                         : 1.2em 0;
    border-bottom                   : 1px solid;
    flex-direction                  : column;
}

.mscConteudoProgramacao li:last-of-type, .mscConteudoProgramacao li:nth-of-type(13){

    border-bottom                   : none;
}

.mscConteudoProgramacao li.mscBlocoSemBorda{

    border-bottom-width             : 0;
}

.mscConteudoProgramacao li.mscBlocoSemBorda + li h4{

    visibility                      : hidden;
}

.mscConteudoProgramacao h2{

    margin                          : 0 auto 0 0;
}

.mscConteudoProgramacao h3{

    margin                          : 0 2em .5em 0;
    text-transform                  : uppercase;
}

.mscConteudoProgramacao h4{

    min-width                       : 9em;
}

.mscBlocoConteudo{

    display                         : flex;
}

.mscConteudoPalestrante .__cmmgBotao{

    font-size                       : .8em;
    margin-top                      : 1em;
    border-radius                   : 10px;
}



/* ------------------------------ FOOTER --------------------------------- */

footer{

    background-color                : #00ACA1;
}

#mscContainerFooter{

    display                         : flex;
    justify-content                 : space-evenly;
    padding                         : 3em 0;
}

.mscFooterTitulo{

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

.mscFooterTitulo h3, .mscFooterTitulo h4{

    color                           : #fff;
    font-size                       : 1.8em;
    margin                          : 0;
    align-self                      : baseline;
    padding-top                     : .4em;
}

.mscFooterTitulo h3{

    border-bottom                   : 2px solid #FFF;
    padding-bottom                  : 1em;
}

.mscFooterTitulo span{

    padding-right                   : .2em;
    font-size                       : 1.5em;
}


.mscFooterLogo img{

    width                           : 16em;
}

.mscFooterLogo .__cmmgLinkImg::after{

    outline-color                   : #fefefe !important;
}

.mscFooterInformacoes, .mscFooterInformacoes a{

    text-decoration                 : none;
    color                           : #fff;
}

.mscFooterInformacoes a{

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

.mscFooterInformacoes{

    padding                         : 1em 0 0 1em;
}

.mscFooterInformacoes p{

    margin                          : 1em 0;
}


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

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

    .mscContainerBanner h2{

        max-width: 72%;
    }

}

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

    .mscContainerBanner{

        max-width                   : 70%;
    }

    .mscContainerBanner h1{

        font-size                   : 1.8em;
    }

    .mscContainerBanner h2{

        font-size                   : 1.7em;

    }

    .mscConteudoSobre{

        margin                      : 3em 3em 5em 3em;
        max-width                   : 60%;
    }

    .mscGaleriaImagem{

        justify-content             : center;
    }

    .mscBotao{

        flex-direction              : column;
        margin                      : 0 auto;
        max-width                   : 68%;
    }

    .mscHistoria{

        max-width                   : 68%;
        padding                     : 3em 4em;
    }

}

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

    .mscContainerBanner{

        max-width                   : 61%;
    }

    .mscContainerBanner h1{

        font-size                   : 1.6em;
    }

    .mscContainerBanner h2{

        font-size                   : 1.5em;
        max-width                   : 62%;
    }

    .mscHeader h3{

        font-size                   : 1.18em;
    }

    .mscHeader h4{

        font-size                   : 1.3em;
    }

    .mscGaleriaImagem{

        justify-content             : center;
    }

    .mscGaleriaImagem img{

        width                       : 8em;
    }

    .mscBotao{

        flex-direction              : column;
        width                       : 70%;
        justify-self                : center;
    }

    .mscHistoria{

        max-width                   : 70%;
        padding                     : 3em 5em;
    }

    .mscConteudoProgramacao{

        max-width                   : 50%;
    }

    .mscConteudoProgramacao h2 {

        font-size                   : 2.2em;
    }

    .mscConteudoProgramacao h3 {

        font-size                   : 1.5em;
    }

    .mscConteudoProgramacao h4 {

        font-size                   : 1.4em;
    }

    .mscConteudoProgramacao .__cmmgBotao{

        font-size                   : .8em;
    }

    .mscFooterLogo img{

        width                       : 14em;
    }

    .mscFooterTitulo h3{

        font-size                   : 1.2em;
    }

    .mscFooterTitulo h4{

        font-size                   : 1.2em;
    }


}


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

        .mscHeader{

            background-attachment   : scroll;
        }

        .mscContainerBanner{

            padding                 : 4em 2em 3em 2em;
            border-radius           : 0 0 100px 100px;
            max-width               : 64%;
        }

        .mscContainerBanner h1{
            
            font-size               : 1.4em;
            text-align              : left;
        }

        .mscContainerBanner h2{

            font-size               : 1.3em;
            max-width               : 69%;
        }

        .mscHeader h3 {

            font-size               : 1.2em;
            padding                 : 0 3em;
            text-align              : center;
        }

        .mscHeader h4{

            font-size               : 1.28em;
        }

        .mscHeader p{

            font-size               : 1.15em;
        }

        .imgMSC{

            width                   : 6em;
        }

        .imgFCMMG{

            width                   : 16em;
        }

        .mscImagemBonecos{

            width                   : 22em;
        }

        
        /* ---------  SOBRE -------- */

        .mscSobre{

            background-image        : none;
            padding-bottom          : 0;
        }

        .mscConteudoSobre h2{

            font-size               : 2em;
        }

        .mscConteudoSobre p{

            font-size               : 1.2em;
        }

        #mscHistorico{

            background-image        : none;
        }

        /*------- EDITAIS ------------*/

        .mscBotao{

            flex-direction          : column;
            align-items             : center;
            width                   : 50%;
            margin                  : 0 auto;
        }

        .mscBotao .__cmmgBotao{

            width                   : 80% !important;
            margin-bottom           : 1em;
        }

        /* -------- HISTÓRICO -------- */

        .mscHistoria{

            max-width               : 62%;
            padding                 : 3em;
        }

        /* ------ PROGRAMAÇÃO ------- */

        #mscProgramacao{

            background-image        : none;
        }

        .mscConteudoProgramacao{

            padding                 : 3em 5em;
            max-width               : 42%;
        }

        .mscConteudoProgramacao h2{

            font-size               : 2em;
        }

        .mscConteudoProgramacao h3{

            font-size               : 1.3em;
        }

        .mscBlocoConteudo{

            flex-direction          : column;
        }

        .mscConteudoProgramacao h4{

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

        .mscConteudoProgramacao .__cmmgBotao{

            font-size: .75em;
        }


        /* ------ FOOTER ------ */

        #mscContainerFooter{

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

        .mscFooterTitulo h3, .mscFooterTitulo h4{

            font-size               : 1.3em;
        }


        .mscFooterInformacoes{

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

        .mscFooterLogo{

            padding-top             : 2em;
            width: 46%;
        }

        .mscFooterLogo img{

            width                   : 15em;
        }

    }


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

        .mscHeader{

            background-image        : none;
        }

        .mscContainerBanner{

            padding                 : 6em 3em 2em 3em;
            border-radius           : 0 0 100px 100px;
            max-width               : 66%;
        }

        .mscContainerBanner h1{
            
            font-size               : 1.3em;
            text-align              : left;
        }

        .mscContainerBanner h2{

            font-size               : 1.2em;
            max-width               : 100%;
        }

        .mscHeader h3 {

            font-size               : 1.1em;
            padding                 : 0 2em;
            text-align              : center;
        }

        .mscHeader h4{

            font-size               : 1.23em;
        }

        .mscHeader p{

            font-size               : 1.1em;
        }

        .imgMSC{

            width                   : 5em;
        }

        .imgFCMMG{

            width                   : 14em;
        }

        .mscImagemBonecos{

            content-visibility      : hidden;
        }

        .mscHeader .__cmmgBotao{

            max-width               : 40%;
            font-size               : 1em;
        }
        
        /* ---------  SOBRE -------- */

        .mscConteudoSobre{

            margin                  : 2em 2em 4em 2em;
            max-width               : 70%;
        }

        .mscSobre{

            background-image        : none;
            padding                 : 2em 0;
        }

        .mscConteudoSobre h2{

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

        .mscConteudoSobre p{

            font-size               : 1em;
        }

        .mscBotao{

            width                  : 62%;
        }

        /* ------- HISTÓRICO ---------*/

        .mscHistoria{

            padding                 : 3em 0;
            margin                  : 5em 0;
            max-width               : 86%;
        }

        #mscHistorico{

            background-image        : none;
        }

        /* ------ PROGRAMAÇÃO ------- */

        #mscProgramacao{

            background-image        : none;
        }

        .mscConteudoProgramacao{

            padding                 : 3em 5em;
            margin                  : 3em 5em;
            max-width               : 50%;
        }

        .mscConteudoProgramacao h2{

            font-size               : 1.8em;
        }

        .mscConteudoProgramacao h3{

            font-size               : 1.13em;

        }

        .mscBlocoConteudo{

            display                 : flex;
            flex-direction          : column;
        }

        .mscConteudoPalestrante .__cmmgBotao{

            font-size               : .7em;
        }


        /* ------ FOOTER ------ */

        #mscContainerFooter{

            flex-direction          : column;
        }

        .mscFooterTitulo h3, .mscFooterTitulo h4{

            font-size               : 1em;
        }


        .mscFooterInformacoes{

            font-size               : .95em;
            padding                 : 1em 0 0 1em;
        }

        .mscFooterTitulo {

            width                   : 60%;
        }

        .mscFooterLogo{

            padding-top             : 2em;
            width                   : 67%;
        }

        .mscFooterLogo img {

            width                   : 15em;
        }

    }


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


        .mscContainerBanner{

            padding                 : 6em 3em 2em 3em;
            border-radius           : 0 0 100px 100px;
        }

        .mscContainerBanner h1{
            
            font-size               : 1.3em;
            text-align              : left;
        }

        .mscContainerBanner h2{

            font-size               : 1.2em;
            max-width               : 100%;
        }

        .mscHeader h3 {

            font-size               : 1.05em;
            padding                 : 0 2em;
            text-align              : center;
        }

        .mscHeader h4{

            font-size               : 1.2em;
        }

        .mscHeader p{

            font-size               : 1em;
        }

        .imgMSC{

            width                   : 4em;
        }

        .imgFCMMG{

            width                   : 12em;
        }

        .mscImagemBonecos{

            width                   : 18em;
        }


        /* ---------  SOBRE -------- */

        .mscSobre{

            background-image        : none;
        }

        .mscConteudoSobre h2{

            font-size               : 1.8em;
        }

        .mscConteudoSobre p{

            font-size               : 1em;
        }

        /*------- HISTÓRICO ---------*/

        #mscHistorico{

            background-image        : none;
        }

        .mscHistoria{

            padding                 : 1em;
            margin                  : 0em;
            max-width               : 80%;
        }

        .mscGaleriaImagem img{

            width                   : 13em;
        }

        /* ------ PROGRAMAÇÃO ------- */

        .__cmmgLayoutAcordeao label{

            font-size               : 1em;
        }

        #mscProgramacao{

            background-image        : none;
        }

        .mscConteudoProgramacao{

            margin                  : 3em 2em;
            padding                 : 3em 3em;
            max-width               : 80%;
        }

        .mscConteudoProgramacao h2{

            font-size               : 1.4em;
        }

        .mscConteudoProgramacao h3{

            font-size               : 1em;
        }

        .mscConteudoProgramacao h4{

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

        .mscConteudoPalestrante p{

            font-size               : .9em;
        }

        .mscConteudoPalestrante .__cmmgBotao{

            font-size: .84em;
        }
        

        /* ------ FOOTER ------ */

        #mscContainerFooter{

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

        .mscFooterTitulo h3, .mscFooterTitulo h4{

            font-size               : 1em;
        }


        .mscFooterInformacoes{

            font-size               : .9em;
        }

        .mscFooterLogo{

            padding-top             : 2em;
        }

        .mscFooterLogo img {

            width                   : 15em;
        }


    }



/* --------------------------------------- MENU --------------------------------------------*/

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

/* --------------------------------------- MENU - MSC --------------------------------------------*/

.__cmmgLayoutMenuPrincipalBotao .material-symbols-rounded{

    color: var(--cmmgCorHexPrincipal);
}

#__cmmgNav .__cmmgLinkImg::after{

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

.__cmmgNavRolagem .__cmmgLayoutMenuPrincipalBotao .material-symbols-rounded{

    color: #fefefe;
}

#__cmmgNav.__cmmgNavRolagem .__cmmgLinkImg::after{

    outline-color: #fefefe;
}

#__cmmgLogoHeader{

    padding         : .5em;
    border-radius   : .3em;
    background-color: rgba(255, 255, 255, 80%);
}

.__cmmgNavRolagem #__cmmgLogoHeader{

    filter          : brightness(0) invert(1);
    padding         : 0;
    background-color: initial;
}

.__cmmgLayoutMenuPrincipalBotao{

    border-radius   : .5em;
    background-color: rgba(255, 255, 255, 80%);
}

.__cmmgNavRolagem .__cmmgLayoutMenuPrincipalBotao{

    background-color: initial;
}

#mscMarcacaoRolagem{

    position: absolute;
    top     : 10em;
}

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

         top: 5em;
    }
}


@media only screen and (max-width: 390px){
 
    #mscMarcacaoRolagem{

         top: 5em;
    }
}

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

    #__cmmgLogoHeader img{

        height: 2.1em;
    }
}