@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: #252C7A;
        --cmmgCorRgbPrincipal: 37, 44, 122;
    }
/***************************************************************************************************
 *
 *  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: 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);
}
/* Regular Italic */
@font-face{

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

    src: local('Amaris Italic'), local('Amaris-Italic');
    src: url('../../__site/fontes/Amaris/Italic/Amaris-Italic.eot');
    src: url('../fontes/Amaris/Italic/Amaris-Italic.eot?iefix') format('embedded-opentype'),
         url('../../__site/fontes/Amaris/Italic/Amaris-Italic.woff2') format('woff2'),
         url('../../__site/fontes/Amaris/Italic/Amaris-Italic.woff') format('woff'),
         url('../../__site/fontes/Amaris/Italic/Amaris-Italic.ttf') format('truetype'),
         url('../../__site/fontes/Amaris/Italic/Amaris-Italic.svg#amaris') format('svg');
}

/* Regular Italic */
@font-face{

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

    src: local('oulza Italic'), local('Oulza-Italic');
    src: url('../../__site/fontes/Oulza/Italic/Oulza-Italic.eot');
    src: url('../fontes/Oulza/Italic/Oulza-Italic.eot?iefix') format('embedded-opentype'),
         url('../../__site/fontes/Oulza/Italic/Oulza-Italic.woff2') format('woff2'),
         url('../../__site/fontes/Oulza/Italic/Oulza-Italic.woff') format('woff'),
         url('../../__site/fontes/Oulza/Italic/Oulza-Italic.ttf') format('truetype'),
         url('../../__site/fontes/Oulza/Italic/Oulza-Italic.svg#oulza') format('svg');
}


:root{

    --fifCorRgbRoxo          : 63, 32, 102;
    --fifCorHexRoxo          : #3F2066;
    --fifCorRgbAzulEscuro    : 37, 44, 122;
    --fifCorHexAzulEscuro    : #252C7A;
    --fifCorRgbVerdeFIF      : 05, 219, 219;
    --fifCorHexVerdeFIF      : #05DBDB;
    --fifCorHexRoxoMaisEscuro: #090040;
    --fifCorRgbRoxoMaisEscuro: 9, 0, 64;

    --fifCorRoxaAlternativa: #31326F;
}

body{

    font-family           : 'Montserrat', sans-serif;
    color                 : #fefefe;
    margin                : 0;
}

main{

    background-image        : url(../../__site/imagens/geral/BannerGeral2.png);
    background-size         : cover;
    background-repeat       : no-repeat;
    background-attachment   : fixed;
    z-index               : 10;
}

footer,
section{

    position              : relative;
    padding               : 7em 3em;

}

section:last-of-type{

    padding-bottom        : 7em;
}

section > div{

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

}

/* section::after{

    content         : '';
    position        : absolute;
    background-color: rgba(0, 0, 0, 10%);
    width           : 100%;
    height          : 100%;
    display         : block;
    z-index         : 0;
    top             : 0;
    left            : 0;
} */

h2, h3{

    color                 : #fefefe;
    line-height           : 1.3em;
    font-weight           : 400;
    font-family           : 'Oulza', serif;
    font-size             : 3em;
}

h4, h5, h6{

    color                 : #fefefe;
    line-height           : 1.3em;
    font-weight           : 400;
    font-family           : 'Montserrat', serif;

}

a{

    --cmmgLinkCorHex1     : #fefefe;
    background-position   : 50% 100%;
}

span{

    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1em;
    font-style: italic;
}

#__cmmgNav.__cmmgNavRolagem{

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

.__cmmgBotao{

    --cmmgBotaoCorHex1    : var(--fifCorHexVerdeFIF);
    --cmmgBotaoCorHex2    : var(--fifCorHexVerdeFIF);
    --cmmgBotaoCorHexTxt  : var(--fifCorHexRoxo);

    text-transform        : uppercase;
    font-weight           : 600;
    font-size             : 1.2em;
    letter-spacing        : .1em;
    padding               : .7em 2em !important;
    border-radius         : 0;
    background-position   : 50%;
    margin                : 0 auto 2.5em auto;
}

.__cmmgBotao:hover {

    color                 : #fefefe !important;
    border-color          : #fefefe !important;
}

#__cmmgNav{

    font-family           : 'Montserrat', sans-serif;
}


/* -------------------------- BANNER -------------------------- */

.fifSectionBanner{

    min-height            : calc(100 * var(--cmmgVh));
    position              : relative;
    align-content         : end;
    padding               : 0 2em;
    background-image      : url('../../__site/imagens/geral/Banner2.png');
    background-size       : cover;
    background-repeat     : no-repeat;
    background-attachment : fixed;
    background-position   : top;
    z-index               : 10;
}


.fifBanner{

    display: flex;
    color: #fefefe;
    gap: 8em;
    align-items: flex-end;
}

.fifBanner h1{

    color: #fefefe;
    display: flex;
    line-height: 1.5em;
}

.fifPrimeiroTitulo{

    width: 70%;
    padding-right: 1em;
    border-right: 1px solid #fefefe;
}

.fifSegundoTitulo{

    padding-left: 1em;
    border-left: 1px solid #fefefe;
    color: var(--fifCorHexVerdeFIF);
}

.fifLetraMaior{

    font-size: 2.4em;
    font-family: 'Oulza';
    text-transform: capitalize;
    font-weight: 100;
    letter-spacing: 1px;
}

.fifLetraMaior2{

    color: var(--fifCorHexVerdeFIF);
}

.fifBannerTema{

    display: flex;
    flex-direction: column;
}

.fifLetraMaior3{

    font-size: 3em;
    text-transform: uppercase;
    line-height: 1em;
}

.fifLetraMenor{

    text-transform: lowercase;
}

.fifBanner p{

    display         : flex;
    font-size       : 1.6em;
    font-weight     : 400;
}

.fifBannerLadoDir{

    display: flex;
    flex-direction: column;
}

.fifBannerNumeros{

    align-items: flex-end;
}

.fifNumeroMaior{

    font-size: 5em;
    font-family: 'Oulza';
}

.fifNumeroMaior2{

    color: var(--fifCorHexVerdeFIF);
    position: absolute;
    left: 995px;
    bottom: 201px;
}

.fifNumeroLetraMaior{

    margin: 0 .5em;
    font-size: 1.8em;
    font-style: normal;
}

.fifNumeroLetraMenor{

    position: relative;
    bottom: -80px;
}

.fifBannerImagem{

    max-width: 100vw;
    text-align: right;
}

.fifBannerImagem img{

    width: 18em;
}

.fifSaveDate { 

    rotate                : -90deg;
    position              : absolute;
    top                   : 45%;
    left                  : -7.5em;
    text-transform        : uppercase;
    letter-spacing        : 1em;
    font-size             : 1.1em;
    margin                : 0;
}

.fifBannerLadoDir .fifBannerData span{

    font-family: 'Oulza';
    text-transform: none;
    font-size: 1.3em;
}


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

.fifSectionSobre {

    background-image      : url('../../__site/imagens/geral/Banner2.png');
    background-size       : cover;
    background-repeat     : no-repeat;
    background-attachment : fixed;
    background-position   : top;
    position              : relative;
}


.fifSectionSobre div{

    padding               : 3em;
    background-color      : rgba(255, 255, 255, 0.20);
    border                : 1px rgb(255, 255, 255, 0.2), solid;
    position              : relative;
    z-index               : 10;
    width                 : 40%;
}

.fifSectionSobre p{

    text-align            : justify;
}
#090040
#240750

/* -------------------------- INFORMAÇÕES -------------------------- */



.fifInformacoesTitulo {

    font-size             : 1.5em;
    font-family           : 'Montserrat', sans-serif;
    margin                : 1em auto;
    text-transform        : uppercase;
}

.fifSectionInformacoes{

        background-image: url(../imagens/geral/BannerGeral2.png);
}

.fifSectionInformacoes p, .fifSectionProgramacao p{

    font-size: 1.5em;
    text-transform: uppercase;
}

/* -------------------------- PROGRAMAÇÃO -------------------------- */
.fifSectionProgramacao{

        background-image: url(../imagens/geral/BannerGeral2.png);
}

.fifSectionProgramacao h2{

    font-size             : 3em;
}

.fifSectionProgramacao h3{

    font-family           : 'Amaris', sans-serif;
    color                 : var(--fifCorHexVerdeFIF);
    margin                : 0 0 0.5em 0;
}

.fifSectionProgramacao h4{

    margin                : 0;
}

.fifSectionProgramacao h5{

    font-size             : 1.2em;
    margin                : auto 0 1em 0;
    padding-left          : 1em;
}

.fifProgramacaoLista li{

    display               : flex;
    flex-direction        : row;
    justify-content       : flex-start;
    margin-top            : 1.5em;
    padding-bottom        : 1em;
    border-bottom         : 1px #fefefe solid;
}

.fifProgramacaoLista p{

    min-width             : 6em;
    font-size             : 2em;
    font-family           : 'Amaris', sans-serif;
    line-height           : 1.3em;
    margin                : 0 0 0.5em 0;
}

.fifItemPalestrantes p{

    font-size             : 1.2em;
    font-family           : 'Montserrat', sans-serif;
    margin                : 0;
}

.fifProgramacaoLista li:last-child {

    margin-bottom         : 5em;
}

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

.fifFooter {

    display               : flex;
    flex-direction        : column;
    background-color      : var(--fifCorHexRoxoMaisEscuro);
}

.fifFooterConteudo {

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

footer .fifFooterTitulo h3{

    display               : flex;
    flex-direction        : row;
    justify-content       : flex-start;
    line-height           : 0.8em;
    gap                   : 1em;
    margin                : 0;
}

footer .fifLetraMaior3{

    display               : flex;
    flex-direction        : row;
    justify-content       : flex-start;
    line-height           : 0.8em;
    gap                   : 1em;
    margin                : 0.5em 0;
}

.fifFooterLogo img{

    width                 : 20em;
}


footer .fifLetraMaior {

    display               : block;
    color                 : #fefefe;
}

footer .fifLetraMaior span:first-child{

    display               : block;
    font-family           :'Oulza', sans-serif;
    text-transform        : capitalize;
    font-weight           : 400;
    font-size             : .7em;
    padding               : 0.2em 0;
}

footer .fifLetraMaior span:last-child{

    font-family           : 'Montserrat', sans-serif;
    font-weight           : 400;
    font-size             : 0.3em;
    font-style            : italic;
}

footer .fifLetraMaior2 span:first-child, footer .fifLetraMaior2 span:last-child{

    color                 : var(--fifCorHexVerdeFIF);
    padding-top           : 0.24em;
}


footer .fifLetraMaior3{

    margin                : 1.5em 0 0 0;
    font-family           : 'Oulza', sans-serif;
    font-size             : 1.2em;
    font-weight           : 600;
}

footer .fifLetraMenor{

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



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

@media only screen and (min-width: 1300px) and (max-width: 1700px){

    .fifLetraMaior{

        font-size: 2.2em;
    }

    .fifNumeroMaior2{

        left: 46%;
        bottom: 25%;
    }

}

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

    /* -------------------- BANNER -------------------- */

    section > div{

        max-width: 1000px;
    }

    .fifBanner{

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

    .fifBanner h1{

        line-height: 1.4em;
    }

    .fifLetraMaior{

        font-size: 1.7em;
    }

    .fifNumeroMaior2{

        left: 60%;
        bottom: 28%;
    }

    .fifNumeroMaior{

        font-size: 4em;
    }

    .fifBannerImagem {
   
        padding-top: 2em;
    }

    .fifBannerImagem img{
    
        width: 15em;
    }

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

    .fifSectionSobre div{

        width: 70%;
    }



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

    .fifFooterLogo img{
        
        width: 18em;
    }

}


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

    h2{

        font-size: 2.5em;
    }

    /* -------------------- BANNER -------------------- */

    section > div {

        max-width: 800px;
    }

    .fifSectionBanner {

        background-position     : right;
    }

    .fifBanner{

        gap: 4em;
    }

    .fifBanner h1{

        line-height: 1em;
    }

    .fifSpan{

        font-size: .7em;
    }

    .fifLetraMaior{

        font-size: 1.4em;
    }

    .fifLetraMaior2{

        font-size: 1.4em;
    }

    .fifNumeroMaior{

        font-size: 3.3em;
    }

    .fifNumeroMaior2{

        left: 545px;
        bottom: 220px;
    }

    .fifNumeroLetraMaior {
    
        font-size: 1.2em;
    }

    .fifBannerImagem img{

        width: 13em;
    }


    .fifSectionInformacoes p, .fifSectionProgramacao p{

        font-size: 1.3em;
        text-transform: uppercase;
    }

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

    .fifFooterLogo img{

        width: 16em;
    }

}


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

    section > div {

        max-width               : 600px;
    }

    .fifSectionBanner {

        background-size         : cover;
        background-position     : right;
    }

    .fifBanner {

        padding-left            : 5em;
        flex-direction: column;
        gap: 1em;
    }

    .fifBanner h1{

        line-height: .8em;
        flex-direction          : column;
        align-items: start;
        margin-bottom: .4em;
        gap: .3em;
    }

    .fifPrimeiroTitulo, .fifSegundoTitulo{

        border: none;
        width: 60%;
        padding: 0;
    }

    .fifLetraMaior{

        font-size: 1.3em;
    }

    .fifBanner p{

        display: flex;
        font-size: 1.3em;
    }

    .fifBannerLadoDir{

        align-self: flex-end;
    }

    .fifNumeroMaior{

        font-size: 5em;
    }

    .fifNumeroMaior2{

        left: 51%;
        bottom: 17%;
    }

    .fifNumeroLetraMaior{

        font-size: 2em;
    }

    .fifBannerImagem{

        padding-top: 0;
    }
    
    .fifBannerImagem img{

        width: 11em;
    }

    .fifSectionInformacoes{

        font-size               : 0.9em;
        background: linear-gradient(180deg,rgba(36, 7, 80, 1) 80%, rgba(9, 0, 64, 1) 100%);
    }

/* -------------------------- PROGRAMAÇÃO -------------------------- */
    .fifSectionProgramacao{

        background: linear-gradient(180deg,rgba(9, 0, 64, 1) 20%, rgba(9, 0, 64, 1) 100%);

    }

    .fifFooterConteudo {

        flex-direction          : column-reverse;
        padding                 : 3em;
    }


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

    .fifSectionSobre {

        background-image: none;
    }


}

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


    .fifPrimeiroTitulo, .fifSegundoTitulo{

        border: none;
        width: 88%;
    }

    .fifNumeroMaior{

        font-size: 4.5em;
    }

    .fifNumeroMaior2{

        left: 46%;
        bottom: 17%;
    }

}

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

    #__cmmgLogoHeader img {

        height         : 3em;
    }

    .fifSectionBanner::after {


        background-color: rgba(var(--fifCorRgbRoxoMaisEscuro), 10%);
    }

    .fifSectionBanner {

        background-position-y: center, bottom;
        background-size      : cover;
    }

    .fifBanner {

        padding-left    : 4em;
        z-index         : 10;
    }

    .fifSectionBanner h1{

        font-size       : 2.2em;
        line-height     : 1.1em;
        gap             : .3em;
    }

    .fifPrimeiroTitulo, .fifSegundoTitulo{

        width: 100%;
    }

    .fifLetraMaior{

        font-size: 1.7em;
    }


    .fifNumeroMaior{

        font-size: 3.5em;
    }

    .fifNumeroMaior2{

        left: 32%;
        bottom: 19%;
    }

    .fifNumeroLetraMaior{

        font-size: 1em;
    }

    .fifBannerImagem img{

        width: 10em;
    }


    .fifSaveDate {

        font-size           : 1em !important;
        z-index             : 10;
    }



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

    .fifSectionSobre {

        background-position : right;
        background-color    : var(--fifCorHexRoxoMaisEscuro);
    }

    .fifSectionSobre div{

        padding             : 2em;
    }

    .fifSectionSobre p{

        text-align          : start;
        font-size           : .9em;
    }


    /* --------------------- INFO ------------------- */


    .fifSectionInformacoes div{

        font-size           : 0.9em;
    }

    .fifSectionInformacoes p, .fifSectionProgramacao p{

        font-size           : 1.5em;
    }
    /* --------------------- PROG ------------------- */


    .fifSectionProgramacao div{

        font-size           : 0.7em;
    }

    .fifProgramacaoLista li{

        flex-direction      : column;
    }

    .fifSectionProgramacao h2{

        font-size           : 4.5em;
    }


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

    footer .fifFooterTitulo h3 {

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

    .fifFooterTitulo{

        padding: 1em;
    }

    .fifFooterTitulo p{

        font-size           : 0.9em;
    }

    .fifLetraMaior3, .fifLetraMenor{

        text-align: center;
    }

}

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

    /* --------------------- BANNER ------------------- */

    .fifBanner{
    
        padding-left: 4em;
    }

    .fifSectionBanner h1{

        font-size           : 1.8em;
    }

    .fifSectionBanner h2{

        font-size           : 1.1em;
    }

    .fifSectionBanner h3{

        font-size           : 2.2em;
    }

    .fifSectionBanner p{

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

    .fifLetraMaior {
        font-size: 1.2em;
    }

    .fifNumeroMaior2{

        left: 147px;
        bottom: 127px;
    }

    .fifNumeroLetraMenor{

            bottom: -38px;
    }

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

    .fifSectionSobre h2{

        font-size: 2.5em;
    }

    .fifSectionSobre p{

        text-align: start;
        font-size: .9em;
    }



    /* --------------------- INFO ------------------- */




    /* --------------------- PROG ------------------- */

    .fifSectionProgramacao h2{

        font-size: 3em;
    }

    .fifSectionProgramacao h3{

        font-size: 3em;
    }

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

    .fifFooterConteudo{

        padding: 0;
    }

    .fifFooterTitulo{

        padding: 0;
    }
}